美文网首页
input 输入框校验集合(JQ)

input 输入框校验集合(JQ)

作者: 林玲玲的笔记 | 来源:发表于2022-09-28 11:27 被阅读0次
    //【1】文本
    <input type = "text" />
    
    //【2】数值
    // ① 整数类型(input 输入后触发)
    $(“#id”).bind('keyup', function () {
              var str = $(this).val();
               str = str.replace(/\D|^0/g, '')
                $(this).val(str);
     })
    
    
    //【3】身份证
    $("#id").blur(function () {
             let status1 = $(this).val();
             let pattl = /^([1-9]){1}[0-9]{17}|[1-9]{1}[0-9]{16}(x|X)?$/;
             let result = pattl.test(status1.trim());
             if (!result) {
                      $(this).val("");
            }
    })
    
    //【4】手机号
    $("#id").blur(function () {
            let phones = $(this).val();
            let pattl = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
            let result = pattl.test(phones.trim());
            if (!result) {
                    $(this).val("");
            }
     })
    
    //【5】邮箱 (input 失去焦点触发)
    $("#id").blur(function () {
                let emails =$(this).val();
                let pattl = /^[A-z0-9]+@[a-z0-9]+.com$/;
                let result = pattl.test(emails.trim());
                if (!result) {
                     $(this).val("");
            }
    });
    
    //【6】年、月、日、时、分、秒设置,可以调用插件jedate。
    //  官网:http://www.jemui.com/uidoc/jedate.html#attention
    //  jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 。

    相关文章

      网友评论

          本文标题:input 输入框校验集合(JQ)

          本文链接:https://www.haomeiwen.com/subject/tvpsurtx.html