jquery验证input只能输入数字、整数

1.方法

 

//正整数和小数
function checkNum(e) {
    if(isNaN(e.value)){
        layer.msg("请输入正确的数字");
        e.value = "";
        e.focus();
    }
}
//正整数
function checkInt(e) {
    var re = new RegExp("^[0-9]*[1-9][0-9]*$");
    if (e.value != "") {
        if (!re.test(e.value)) {
            layer.msg("请输入整数");
            e.value = "";
            e.focus();
        }
    }
}

2.使用

 

3.使用onkeyup事件是防止用户使用tab切换到下一个input导致验证不了。

最近学到的另一种简单的方式:

注意:最近我使用上面这种方式,如果加了type="number"好像可以输入多位数字。去掉即maxLenth是多少就只能输入几个字符,具体的自己测试。

4.金额-并保留两位小数

function checkNum(e) {
    if(isNaN(e.value)){
        layer.msg("请输入正确的数字");
        e.value = "";
        e.focus();
    }else{
        if(parseFloat(e.value) > parseFloat($('#ketixianPrice').text())) {
            layer.msg("提现金额不能大于可提现金额");
            e.value = "";
            e.focus();
        }
        var money = e.value;
        if(money.split(".").length == 2) {
            if(money.split(".")[1].length > 2) {
                layer.msg('请最多输入两位小数');
                e.value = money.substr(0,money.length-1);
                e.focus();
            }
        }

    }

}

 

你可能感兴趣的:(前端验证)