suchen

Heim >Web-Frontend >js-Tutorial >So begrenzen Sie den Eingabewerttyp des Textfelds in javascript_javascript skills

So begrenzen Sie den Eingabewerttyp des Textfelds in javascript_javascript skills

WBOY
WBOYOriginal
2016-05-16 16:00:301527Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode zum Einschränken des Eingabewerttyps des Textfelds in JavaScript. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Voraussetzung: In allen Textfeldern können nur Zahlen und Dezimalpunkte eingegeben werden und keine anderen Symbole

Der entscheidende Punkt ist, dass ich die Eingaben des Benutzers einschränken möchte, anstatt beim Senden zu urteilen. Das heißt, wenn der Benutzer Zahlen oder Dezimalstellen in das Textfeld eingibt, kann er normal eingeben Nicht-numerische Zeichen wie Buchstaben, der Text Das Feld reagiert nicht und zeigt die eingegebenen Zeichen nicht an. 

<html>
<body>
<script>
var s = "<input type=\"text\" size=\"20\" " +
"style=\"text-align:center\" " +
"onkeydown=\"if(event.keyCode>57&&event.keyCode!=190) return false\" "+ 
//限制只能输入数字
"onblur=\"value=value.replace(/[^0-9\.]/g,'')\" " + 
//限制鼠标点击输入非数字
"onbeforepaste=\"clipboardData.setData(\"text\"," + 
//限制只能粘贴数字
"clipboardData.getData(\"text\").replace(/[^0-9\.]/g,''))\">";
document.write(s);
</script>
</body>
</html>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Zusammenfassung der Methoden zum Ändern von CSS-Stilen in JavaScript_Javascript-KenntnissenNächster Artikel：Zusammenfassung der Methoden zum Ändern von CSS-Stilen in JavaScript_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen