Heim >Web-Frontend >HTML-Tutorial >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:553129Durchsuche
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,'')" />
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