HTML テキストボックスの入力を数字と小数点のみに制限する方法-htmlチュートリアル-php.cn

HTML テキストボックスの入力を数字と小数点のみに制限する方法

高洛峰

リリース： 2017-03-28 09:48:55

オリジナル

3050 人が閲覧しました

この記事ではHTMLテキストボックスの入力を数字と小数点のみに制限する方法を主に紹介します。非常に良い基準値を持っています。以下のエディタで見てみましょう

コード:

<input type="text" class="txt" name="qty" value="" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,&#39;&#39;)" />

ログイン後にコピー

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 サイトの他の関連記事を参照してください。