2016-07-19 17 views
0

Ich weiß, dass wir den Benutzer einschränken können, um Zahlen unterhalb der spezifischen maximalen Zahl durch den folgenden Code einzugeben.Max in numerischer TextBox

<input id="txt" max="9999" type="number"> 

Wenn der Benutzer etwas mehr als 9999 tritt ein Tooltip oben Textbox erscheint Benutzer auffordert, Nummer einzugeben weniger als 9999. Gibt es Art und Weise Benutzer zu beschränken nur max 4 Zahlen in Textfeld einzugeben. Das System erlaubt keine Eingabe von Zahlen in ein Textfeld, nachdem 4 Ziffern eingegeben wurden.

Dies funktioniert mit normalen texbox unter Verwendung von Code, aber für numerische Textbox, System ermöglicht die Eingabe von n Ziffern.

<input id="txt" maxlength="4" type="text"> 

P.S. Ich habe bereits eine Validierung mit Jquery durchgeführt, wenn der Benutzer mehr als 4 Ziffern eingibt, wird das System die Benutzer benachrichtigen. Meine Anforderung ist, dass Benutzer die 5. Ziffer überhaupt nicht eingeben dürfen.

+2

Mögliches Duplikat von [Wie maxlength für HTML5-Eingabetyp = "number" -Element hinzugefügt wird?] (Http://stackoverflow.com/questions/8354975/how-to-add-maxlength-for-html5-input-type -number-element) – Quiver

Antwort

0

können Sie Jquery verwenden

$("#txt").blur(function() { 

    if ($('#txt').length > 4) { 
     $('#txt').before('your notice'); 
    } 

});

+1

Ich mache das, Problem ist meine Anforderung ist Benutzer sollte nicht erlaubt sein, als 4 Ziffern in Textbox eingeben .. zur Zeit, wenn Benutzer mehr als 4 Ziffern eingeben Anwendung wird Fehler angezeigt. Ich mache das mit jquery Validierung. –

+0

ersetzen "Unschärfe" durch "keyup" –