Heim  >  Artikel  >  Web-Frontend  >  So beschränken Sie die Eingabe in das HTML-Textfeld nur auf Zahlen und Dezimalpunkte

So beschränken Sie die Eingabe in das HTML-Textfeld nur auf Zahlen und Dezimalpunkte

高洛峰
高洛峰Original
2017-03-28 09:48:553099Durchsuche

In diesem Artikel wird hauptsächlich die Methode vorgestellt, die Eingabe von HTML-Textfeldern nur auf Zahlen und Dezimalstellen zu beschränken. Hat einen sehr guten Referenzwert. Werfen wir einen Blick mit dem Editor unten

Code:

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

PS: js kann nur realisiert werden Textfeld zur Eingabe von Zahlen und Dezimalstellen

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

Das obige ist der detaillierte Inhalt vonSo beschränken Sie die Eingabe in das HTML-Textfeld nur auf Zahlen und Dezimalpunkte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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