Maison > Article > interface Web > Comment limiter le type de valeur d'entrée de la zone de texte dans les compétences javascript_javascript

Comment limiter le type de valeur d'entrée de la zone de texte dans les compétences javascript_javascript

WBOYoriginal: 2016-05-16 16:00:301509parcourir

L'exemple de cet article décrit la méthode de restriction du type de valeur d'entrée de la zone de texte en JavaScript. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Exigence : dans toutes les zones de texte, seuls des chiffres et des points décimaux peuvent être saisis, et aucun autre symbole ne peut être saisi ;

Le point clé est que je veux le limiter lorsque l'utilisateur entre, plutôt que de juger lors de la soumission - c'est-à-dire que si l'utilisateur entre des nombres ou des points décimaux dans la zone de texte, il peut entrer normalement s'il entre ; les caractères non numériques tels que les lettres, le texte La boîte ne répondra pas et n'affichera pas les caractères saisis.

<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>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Résumé des méthodes de modification des styles CSS dans les compétences JavaScript_javascriptArticle suivant：Résumé des méthodes de modification des styles CSS dans les compétences JavaScript_javascript

Articles Liés

Voir plus