Wie man Zahlen, Rücktaste, Löschung, linke und rechte Pfeiltasten im HTML-Text erlaubt?

Ich benutze folgenden JavaScript-Code, der ich denke, sollte nur Nummern, Rücktaste, Delet, Pfeil nach links und Rechtspfeiltasten in Textbox erlauben, aber es erlaubt auch Alphabete. Ich weiß nicht warum?Wie man Zahlen, Rücktaste, Löschung, linke und rechte Pfeiltasten im HTML-Text erlaubt?

function validateQty(event) { 
    var key = window.event ? event.keyCode : event.which; 

if (event.keyCode == 8 || event.keyCode == 46 
|| event.keyCode == 37 || event.keyCode == 39) { 
    return true; 
} 
else if (key < 48 || key > 57) { 
    return false; 
} 
else return true; 
};

Aufruf dieser Funktion als

<input type="text" onkeypress='validateQty(event)'>

Quelle

2013-12-19 Anonymous

Was meinen Sie mit LASSEN * Backspace *, * löschen *, * links * und * rechts * –

@ Mr.Alien - ich meine diese Schlüssel. Redigiert meine Frage. –

Kein Zweifel, der Code korrekt ist, aber Sie verpasst "return" Schlüsselwort in Textbox.

<input type="text" onkeypress='return validateQty(event);'>

können Sie sehen den Code here

Quelle

2013-12-19 13:19:57

Ja, es funktioniert. Aber ein Problem tritt auf, wenn ich ein beliebiges Alphabet kopiere. –

@nkp - Wenn Sie einen Wert einfügen, ohne die Tastatur zu verwenden, wird es offensichtlich ein 'keypress'-Handler nicht fangen. Wenn Sie _with_ die Tastatur einfügen, müssen Sie dies mit "keydown" testen, da ich nicht glaube, dass paste ein "keypress" -Ereignis auslöst. (Vielleicht ist es einfacher, nur unerwünschte Zeichen "Onblur" zu entfernen ...) – nnnnnn

@Learning - ja, das weiß ich. Wollte nur einen Schritt weiter gehen –

 function isNumberKey(evt) 
 
     { 
 
     var charCode = (evt.which) ? evt.which : event.keyCode 
 
     if (charCode > 31 && (charCode < 48 || charCode > 57)) 
 
      return false; 
 
     return true; 
 
     }

<HTML> 
 
    <HEAD> 
 
    </HEAD> 
 
    <BODY> 
 
     <input id="txtChar" onkeypress="return isNumberKey(event)" type="text" name="txtChar" maxlength="10"> 
 
    </BODY> 
 
</HTML>

Quelle

2016-02-27 11:44:35

Bitte erläutern Sie, was Sie geschrieben haben. –

geschriebener Code ist für den Benutzer nur numerische, arow Schlüssel erlauben, drücken Sie die Taste im Textfeld, wenn Sie diese Art von Textfeld benötigen ... –

<input type="text" class="form-control" id="dompetku_msisdn" name="dompetku_msisdn" placeholder="Phone Number" aria-describedby="helpBlock" onkeydown='return (event.which >= 48 && event.which <= 57) || event.which == 8 || event.which == 46 || event.which == 37 || event.which == 39' required /> </input>

Quelle

2017-06-12 08:28:25 user8147722

Während dieser Code die Frage beantworten kann, bietet zusätzliche Kontext in Bezug darauf, wie und/oder warum es löst Das Problem würde den langfristigen Wert der Antwort verbessern. – Badacadabra

Wie man Zahlen, Rücktaste, Löschung, linke und rechte Pfeiltasten im HTML-Text erlaubt?

Antwort

Verwandte Themen