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

发布网友 发布时间：2022-04-20 15:19

我来回答

共2个回答

热心网友 时间：2022-04-20 16:49

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);
}

热心网友 时间：2022-04-20 18:07

// ----------------------------------------------------------------------
// <summary>
// *只能输入数字
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyNum = function () {
    $(this).keypress(function (event) {
        var eventObj = event || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 48 && keyCode <= 57))
            return true;
        else
            return false;
    }).focus(function () {
        //禁用输入法
        this.style.imeMode = 'disabled';
    }).bind("paste", function () {
        //获取剪切板的内容
        var clipboard = window.clipboardData.getData("Text");
        if (/^\d+$/.test(clipboard))
            return true;
        else
            return false;
    });
};

//调用方法
$("#id").onlyNum();