angularjs: erlaubt nur die Eingabe von Zahlen in ein Textfeld
In angularjs gibt es eine Funktionalität zur Verfügung, die erlaubt, dass nur zahlen eingegeben werden in ein Textfeld wie
InformationsquelleAutor der Frage Ali Hasan | 2013-04-18
Du musst angemeldet sein, um einen Kommentar abzugeben.
Diese Funktion nur, was Sie brauchen. http://docs.angularjs.org/api/ng.directive:input.number
EDIT:
Können Sie wickeln Sie das jquery-plugin in die Richtlinie. Ich habe ein Beispiel erstellt, hier: http://jsfiddle.net/anazimok/jTJCF/
HTML:
CSS:
JS:
InformationsquelleAutor der Antwort anazimok
Dieser code zeigt das Beispiel, wie um zu verhindern, dass die Eingabe von nicht-stelligen Symbole.
InformationsquelleAutor der Antwort Anton
HTML
//Nur Typ 123
//Typ: 123 123.45
InformationsquelleAutor der Antwort My Mai
Habe ich nur verwendet, ng-keypress-in der Richtlinie für meine Eingabe.
HTML:
JS:
InformationsquelleAutor der Antwort samnau
Dies ist die einfachste und Schnellste Art und Weise, so dass die Zahl nur Eingang.
Dank
InformationsquelleAutor der Antwort Sijan Gurung
Bauen auf Antons Antwort ein wenig --
InformationsquelleAutor der Antwort Craig
Meine Lösung akzeptieren Copy&Paste und speichern der position der Einfügemarke. Es wird verwendet für die Kosten der Produkte, so können positive Dezimalwerte nur. Kann sein, umgestalten, sehr einfach zu erlauben, negativ oder einfach nur integer-Ziffern.
Setzen Sie auf die html-Seite:
InformationsquelleAutor der Antwort Carlos Toledo
Basierend auf djsiz Lösung, eingewickelt in der Richtlinie.
HINWEIS: es wird nicht mit einstelligen zahlen, aber es kann leicht aktualisiert werden
HTML
InformationsquelleAutor der Antwort igorGIS
Einfach HTML5 nutzen
InformationsquelleAutor der Antwort Rohidas Kadam
Können Sie überprüfen
https://github.com/rajesh38/ng-only-number
InformationsquelleAutor der Antwort Rajesh Paul
Dies ist die Methode, die funktioniert für mich. Es hat seinen Sitz in samnau anwser aber erlaubt, das Formular zu senden mit
ENTER
erhöhen und verringern Sie die Anzahl mitUP
undDOWN
Pfeile, edition mitDEL
,BACKSPACE
,LEFT
undRIGHT
und navigieren Trog die Felder, die mitTAB
. Beachten Sie, dass es funktioniert für positive zahlen wie eine Menge.HTML:
ANGULARJS:
InformationsquelleAutor der Antwort Leopoldo Sanczyk
Könnte man etwas wie das hier tun:
Verwenden ng-pattern mit dem RegExp "/^[0-9]+$/" das bedeutet, dass nur ganze zahlen gültig sind.
InformationsquelleAutor der Antwort Victor Oliveira
Diese Lösung akzeptiert nur numerische, '.' und '-'
Auch dies schränkt den Raum Eintrag im Textfeld. Ich hatte die Richtlinie, um das gleiche zu erreichen.
Bitte die Lösung auf unten Beispiel arbeiten.
http://jsfiddle.net/vfsHX/2697/
HTML:
JS:
InformationsquelleAutor der Antwort Suven Sekhar
Ich hatte ein ähnliches Problem und endete Einhaken und event -
dann:
Sodass der Benutzer ist standardmäßig auf 1, wenn eine ungültige Nummer eingefügt.
InformationsquelleAutor der Antwort leeroya
Ich arraged die jQuery in diese
InformationsquelleAutor der Antwort plampot
Es ist einfach und verständlich.
Kopieren Sie einfach fügen Sie diesen code verwenden und das Problem wird aufgelöst werden.Weitere Bedingungen, ändern Sie einfach den Wert in Muster.und Ihre Arbeit wird erledigt.
InformationsquelleAutor der Antwort
InformationsquelleAutor der Antwort Ramesh Ramasamy
Ich weiß, dies ist eine alte post, aber diese Anpassung Meine Mai's Antwort funktioniert gut für mich...
InformationsquelleAutor der Antwort Janey
Habe ich auch getan, bei
.js
.html -
InformationsquelleAutor der Antwort Nilesh Panchal
Verwenden
ng-only-number
erlauben nur zahlen, zum Beispiel:InformationsquelleAutor der Antwort Suresh K
InformationsquelleAutor der Antwort rakib