input 输入框校验集合(JQ)

2022-09-28  本文已影响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开发的 不依赖任何第三方库 。
上一篇下一篇

猜你喜欢

热点阅读