html要求输入框只能输入整数

HTML

<input type="text" id="digital" value="" />

Javascript

var input = document.getElementById('digital'),

    shiftStatus = false

var keydownListener = function (event) {

    if (shiftStatus)

        return (event.preventDefault ? event.preventDefault() : event.returnValue = false)

    var keyCode = window.event ? event.which : event.keyCode

    if (keyCode === 16)

        return (shiftStatus = true)

    if ((keyCode < 48 || keyCode > 57) && keyCode !== 189 && keyCode !== 8)

        event.preventDefault ? event.preventDefault() : event.returnValue = false

}

var keyupListener = function (event) {

    if (event.keyCode === 16)

        shiftStatus = false

}

var pasteListener = function (event) {

    var data = window.clipboardData ? window.clipboardData.getData("Text") : event.clipboardData.getData("text/plain")

    if (!/^[\d-]*$/.test(data))

        event.preventDefault ? event.preventDefault() : event.returnValue = false

}

if (document.addEventListener) {

    input.addEventListener('keydown', keydownListener, false)

    input.addEventListener('keyup', keyupListener, false)

    input.addEventListener('paste', pasteListener, false)

} else {

    input.attachEvent('keydown', keydownListener)

    input.attachEvent('keydown', keyupListener)

    input.attachEvent('paste', pasteListener)

}

可以使用html5的number类型实现限制文本框只能输入数字。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在ue编辑器中输入以下html代码。

3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

4、在浏览器中打开此html文件，可以看到最终想要实现的限制文本框只能输入数字效果。

---