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
Freigeben: 2016-05-16 16:00:30
Original
1528 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage