Das Problem mit type="number" ist, dass es nicht von allen Browsern erkannt wird.
Sie können eine Eingabemaske verwenden, um Ihre Posts zu formatieren.
Dafür gibt es mehrere Plugins.
Für Ihr Problem scheint maskMoney angemessen zu sein.
Phonegap & gt; Android
Ich weiß, dass ich type="number" verwenden kann, um den Nummernblock anzuzeigen, aber das Problem ist, dass ich die Eingabe als Preis neu formatieren möchte, wie der Benutzer eingibt. Also wird es im Format Dollar und Cent sein (wie% co_de) %) und das Feld 3,23.50 erlaubt nur numerische Zeichen.
Ich möchte also ein Textfeld haben, aber es sollte den Ziffernblock beim Tippen anzeigen. Ist es möglich?
Für Android benötigen Sie normalerweise type="number" als Standard für die numerische Tastatur. (Einige arbeiten für das iPhone daran, was es wert ist.) Sie können während der Eingabe keine Nicht-Numerik in type="number" anzeigen. Um während der Eingabe anzuzeigen, benötigen Sie type="text" , und dann könnten Sie möglicherweise ein vorhandenes Plugin wie AutoNumeric verwenden, um während der Eingabe zu formatieren, aber dann werden Sie immer auf eine nicht-numerische Tastatur gedrückt, oft auf jede Taste drücken.
Ihre beste Problemumgehungslösung ist wahrscheinlich, dass Sie type="number" für die Bearbeitung verwenden und zu type="text" oder einem anderen Feld wechseln, um formatiert anzuzeigen, wenn das Feld nicht im Fokus oder zur gleichen Zeit ist. Und / oder Sie können feststellen, ob der Browser auf einem Gerät mit dem Standardtastaturproblem ist oder nicht, und wenn nicht, können Sie mit type="text" bleiben und formatieren, während Sie weitermachen. Andere Workarounds, die ich gesehen habe, sind Spinner (nicht gut für große Zahlen wie Kreditkarten) oder Widgets mit eigenen Pseudo-Tastaturen.
Wenn nicht unangemessen zu erwähnen, habe ich kürzlich die Arbeit an einem type="number" Plugin abgeschlossen, um das Problem type="number" Android zu lösen, und ich stelle eine Webseite zusammen, um sie zu teilen. Ich freue mich, die URL an Sie weiterzuleiten, (das Plugin ist herunterladbar und die API ist detailliert dokumentiert), aber ich möchte die Seite hier noch nicht veröffentlichen, bis ich die Seiten fertig gestellt habe. Wäre glücklich, zurück zu kommen und diese Antwort zu bearbeiten, wenn es bereit ist, die URL einzuschließen.
Für eine All-Inclusive-Lösung, ich denke, Sie haben Pech, es sei denn, Sie verwenden type="text" und verwenden eine Formatfunktion onchange. Sie könnten jedoch das Zahlenfeld wie unten verwenden, das Ihnen Ihre zwei Dezimalstellen geben und dann einfach das Dollarzeichen vor das Eingabefeld setzen.
%Vor%Für Android benötigen Sie normalerweise %code% als Standard für die numerische Tastatur. (Einige arbeiten für das iPhone daran, was es wert ist.) Sie können während der Eingabe keine Nicht-Numerik in %code% anzeigen. Um während der Eingabe anzuzeigen, benötigen Sie %code% , und dann könnten Sie möglicherweise ein vorhandenes Plugin wie AutoNumeric verwenden, um während der Eingabe zu formatieren, aber dann werden Sie immer auf eine nicht-numerische Tastatur gedrückt, oft auf jede Taste drücken.
Ihre beste Problemumgehungslösung ist wahrscheinlich, dass Sie %code% für die Bearbeitung verwenden und zu %code% oder einem anderen Feld wechseln, um formatiert anzuzeigen, wenn das Feld nicht im Fokus oder zur gleichen Zeit ist. Und / oder Sie können feststellen, ob der Browser auf einem Gerät mit dem Standardtastaturproblem ist oder nicht, und wenn nicht, können Sie mit %code% bleiben und formatieren, während Sie weitermachen. Andere Workarounds, die ich gesehen habe, sind Spinner (nicht gut für große Zahlen wie Kreditkarten) oder Widgets mit eigenen Pseudo-Tastaturen.
Wenn nicht unangemessen zu erwähnen, habe ich kürzlich die Arbeit an einem %code% Plugin abgeschlossen, um das Problem %code% Android zu lösen, und ich stelle eine Webseite zusammen, um sie zu teilen. Ich freue mich, die URL an Sie weiterzuleiten, (das Plugin ist herunterladbar und die API ist detailliert dokumentiert), aber ich möchte die Seite hier noch nicht veröffentlichen, bis ich die Seiten fertig gestellt habe. Wäre glücklich, zurück zu kommen und diese Antwort zu bearbeiten, wenn es bereit ist, die URL einzuschließen.
Phonegap & gt; Android
Ich weiß, dass ich %code% verwenden kann, um den Nummernblock anzuzeigen, aber das Problem ist, dass ich die Eingabe als Preis neu formatieren möchte, wie der Benutzer eingibt. Also wird es im Format Dollar und Cent sein (wie% co_de) %) und das Feld %code% erlaubt nur numerische Zeichen.
Ich möchte also ein Textfeld haben, aber es sollte den Ziffernblock beim Tippen anzeigen. Ist es möglich?
Das Problem mit type="number" ist, dass es nicht von allen Browsern erkannt wird.
Sie können eine Eingabemaske verwenden, um Ihre Posts zu formatieren.
Dafür gibt es mehrere Plugins.
Für Ihr Problem scheint maskMoney angemessen zu sein.
Für eine All-Inclusive-Lösung, ich denke, Sie haben Pech, es sei denn, Sie verwenden type="text" und verwenden eine Formatfunktion onchange. Sie könnten jedoch das Zahlenfeld wie unten verwenden, das Ihnen Ihre zwei Dezimalstellen geben und dann einfach das Dollarzeichen vor das Eingabefeld setzen.
%Vor%Ich benutze Jquery, probiere das, ich habe so codiert, dass beim Klicken in das Textfeld ein Nummernblock angezeigt wird, den Sie nach Ihren Wünschen ändern können
Code:
%Vor%Verwenden Sie das Dropdown-Menü mit den erforderlichen Zeichen wie Dollar, Telefonindexnummer +91 usw.,
Ich benutze Jquery, probiere das, ich habe so codiert, dass beim Klicken in das Textfeld ein Nummernblock angezeigt wird, den Sie nach Ihren Wünschen ändern können
Code:
%Vor%Verwenden Sie das Dropdown-Menü mit den erforderlichen Zeichen wie Dollar, Telefonindexnummer +91 usw.,
Tags und Links javascript android cordova jquery html5