ホームページ > 記事 > ウェブフロントエンド > HTML テキスト ボックスの入力を数字と小数点のみに制限する方法
HTML テキスト ボックスの入力を数字と小数点のみに制限する方法
- 高洛峰オリジナル
- 2017-03-28 09:48:553051ブラウズ
この記事ではHTMLテキストボックスの入力を数字と小数点のみに制限する方法を主に紹介します。非常に良い基準値を持っています。以下のエディタで見てみましょう
コード:
<input type="text" class="txt" name="qty" value="" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')" />
PS:js数字と小数点のみを入力できるテキストボックスを実装してください
<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符
obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字而不是.
obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
</script>
</head><body>只能输入数字和小数点的文本框：<input name="input1" onkeyup="clearNoNum(this)"></body></html>以上がHTML テキスト ボックスの入力を数字と小数点のみに制限する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。