ホームページ >ウェブフロントエンド >jsチュートリアル >javascript_javascriptスキルでテキストボックスの入力値の種類を制限する方法
javascript_javascriptスキルでテキストボックスの入力値の種類を制限する方法
- WBOYオリジナル
- 2016-05-16 16:00:301532ブラウズ
この記事の例では、JavaScriptでテキストボックスの入力値の種類を制限する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
要件: すべてのテキスト ボックスには、数字と小数点のみを入力でき、他の記号は入力できません。
重要な点は、送信時に判断するのではなく、ユーザーが入力するときに制限したいということです。つまり、ユーザーがテキスト ボックスに数字や小数点を入力する場合、通常通り入力できます。文字やテキストなどの数字以外の文字 ボックスは反応しなくなり、入力した文字は表示されません。
<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>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。