Css输入一个数字,下面终极版如何解决?

html-css09

Css输入一个数字,下面终极版如何解决?,第1张

使用正则表达式

控制文本框只能输入数字

<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">

一、设置代码如下:

二、使用步骤:

1、首先在画面加载完成之后编写如下的JS脚本

2、对需要做输入控制的控件设置class样式

3、这样画面上凡是设置了class="onlyNum"的控件就只能输入数字

三、这种设置方式的好处:通过这种方式就可以限制了用户的输入范围,避免用户进行一些非法的输入