js文本框验证输入整数正则html,js判断文本框input只能输入数字

我们在设计表单的时候，经常会有一些文本框要求只能输入数字，如金额文本框、年龄文本框、成本文本框等等，此类文本框除了数字不允许别的字符输入，JS怎么办判断呢？

JS判断文本框只能输入数字方法一

JS代码如下function regInput(obj, reg, inputStr)

{

var docSel = document.selection.createRange()

if (docSel.parentElement().tagName != "INPUT") return false

oSel = docSel.duplicate()

oSel.text = ""

var srcRange = obj.createTextRange()

oSel.setEndPoint("StartToStart", srcRange)

var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)

return reg.test(str)

}

在要加以限制的input中加入以下代码

js实现input输入框只能输入数字的功能方法二(完美测试通过)

JS代码如下function keyPress() {

var keyCode = event.keyCode;

if ((keyCode >= 48 && keyCode <= 57))

{

event.returnValue = true;

} else {

event.returnValue = false;

}

}

HTML代码部分

备注：style:ime-mode:disabled表示不能切换输入法，οnpaste="return false;" 表示不能粘贴

JS正则判断只能输入数字方法三

青岛星网温馨提醒：这是客户端JS判断只能输入数字的代码，在实际项目中应该搭配服务端判断是否为数字就更为保险了。