1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用input标签创建一个数字输入框,并设置其id属性为myinput。
3、在test.html文件内,在输入框的下面使用button标签创建一个按钮,按钮名称为“判断范围”。
4、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行check()函数。
5、在check()函数内,使用getElementById()方法通过id获得输入框的内容,保存在num变量中。
6、最后在浏览器打开test.html文件,输入数字,点击按钮,查看结果。
只能输入或粘贴纯数字的:
<input onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
页面输入框js正则验证输入值为数字,且只保留小数点后两位:
<input type="text" id="aaa" name="aaa" onkeyup="clearNoNum(this)" onblur="clearNoNum(this)"/>
function clearNoNum(obj)
{
//先把非数字的都替换掉,除了数字和.
obj.value = obj.value.replace(/[^\d.]/g,"")
//保证只有出现一个.而没有多个.
obj.value = obj.value.replace(/\.{2,}/g,".")
//必须保证第一个为数字而不是.
obj.value = obj.value.replace(/^\./g,"")
//保证.只出现一次,而不能出现两次以上
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".")
//只能输入两个小数
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')
}