js、jquery输入框input限制(数字,非空格,最大最小值)

1、输入框不允许输入空格

2、输入框限制最小值0,最大值3

  3、输入框只能输入数字(第一位输入0,第二位输入大于0的数字时候自动清空第一位的0), 我想在页面多地方调用就在input 里面加 num-input类名就可以了。

//输入框只能输入数字 0 正整数
$(document).on('input', '.num-input', function () {//也可以绑定keyup事件
    // onkeyup="value=value.replace(/^(1+)|[^\d]+/g,'')"
    let val = $(this).val();
    //只能输入数字
    val = val.replace(/\D/g, "");
    // let length = val.length;
    第一位输入0,第二位输入大于0的数字时候自动清空第一位的0
    // if (val > 0) {
    //     for (let i = 0; i < length; i++) {
    //         if (val[0] == 0) {
    //             val = val.substr(1)
    //         } else {
    //             break;
    //         }
    //     }
    // } else if (val == 0) {
    //     for (let i = 0; i < length; i++) {
    //         if (val[0] == 0) {
    //             if (val[1] == 0) {
    //                 val = val.slice(0, 1);
    //             }
    //         } else {
    //             break;
    //         }
    //     }
    // }

    if (val > 0) {//01 = > 1
        if (val[0] == 0) {
            val = val.substr(1);
        }
    } else if (val == 0) {// 00 => 0
        val = val.slice(0, 1);
    }
    $(this).val(val);
});

 

 

 

你可能感兴趣的:(前端,JavaScript,jquery,input,输入框)