限制输入到文本框:仅允许数字和小数点

限制输入到文本框:仅允许数字和小数点

如何限制输入到文本框,以便它只接受数字和小数点?



动漫人物
浏览 546回答 3
3回答

守着星空守着你

<HTML> &nbsp;&nbsp;<HEAD> &nbsp;&nbsp;&nbsp;&nbsp;<SCRIPT&nbsp;language=Javascript> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;isNumberKey(evt) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;charCode&nbsp;=&nbsp;(evt.which)&nbsp;?&nbsp;evt.which&nbsp;:&nbsp;evt.keyCode; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(charCode&nbsp;!=&nbsp;46&nbsp;&&&nbsp;charCode&nbsp;>&nbsp;31&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&&&nbsp;(charCode&nbsp;<&nbsp;48&nbsp;||&nbsp;charCode&nbsp;>&nbsp;57)) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;true; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//--> &nbsp;&nbsp;&nbsp;&nbsp;</SCRIPT> &nbsp;&nbsp;</HEAD> &nbsp;&nbsp;<BODY> &nbsp;&nbsp;&nbsp;&nbsp;<INPUT&nbsp;id="txtChar"&nbsp;onkeypress="return&nbsp;isNumberKey(event)"&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type="text"&nbsp;name="txtChar"> &nbsp;&nbsp;</BODY></HTML>

慕森卡

form.onsubmit&nbsp;=&nbsp;function(){ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;textarea.value.match(/^\d+(\.\d+)?$/);}这是你在找什么?我希望它有所帮助。编辑:我编辑了上面的例子,以便只有一个句号,前面至少有一个数字,后面跟着至少一个数字。

江户川乱折腾

已接受的解决方案尚未完成,因为您可以输入多个'。',例如24 .... 22..22。通过一些小的修改,它将按预期工作:<HTML><HEAD><script type="text/javascript">&nbsp;function isNumberKey(txt, evt) {&nbsp; &nbsp; var charCode = (evt.which) ? evt.which : evt.keyCode;&nbsp; &nbsp; if (charCode == 46) {&nbsp; &nbsp; &nbsp; &nbsp; //Check if the text already contains the . character&nbsp; &nbsp; &nbsp; &nbsp; if (txt.value.indexOf('.') === -1) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return true;&nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; if (charCode > 31&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&& (charCode < 48 || charCode > 57))&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; }&nbsp; &nbsp; return true;}</SCRIPT></HEAD><BODY><input type="text" onkeypress="return isNumberKey(this, event);" /> </BODY></HTML>
打开App,查看更多内容
随时随地看视频慕课网APP