表单验证正则

window.onload = function() {     // 手机号正则     var regtel = /^1[3|4|5|7|8]\d{9}$/;     var regqq = /^[1-9]\d{4,}$/;     var regnc = /^[\u4e00-\u9fa5]{2,8}$/;     var regmes = /^\d{6}$/;     var regpwd = /^[a-zA-Z0-9_-]{6,16}$/;
    var tel = document.querySelector('#tel');     var qq = document.querySelector('#qq');     var nc = document.querySelector('#nc');     var mes = document.querySelector('#mes');     var pwd = document.querySelector('#pwd');     var surepwd = document.querySelector('#surepwd');
    regexp(tel, regtel); // 手机号码验证     regexp(qq, regtel); // QQ验证     regexp(nc, regnc); // 昵称验证     regexp(mes, regmes); // 短信验证码验证     regexp(pwd, regpwd); // 密码验证     // 表单认证的函数     function regexp(ele, reg) {         ele.onblur = function() {             if (reg.test(this.value)) {                 // console.log('正确的');                 this.nextElementSibling.className = 'success';                 this.nextElementSibling.innerHTML = '<i class="success_icon"></i> 恭喜你,输入正确';             } else {                 // console.log('错误');                 this.nextElementSibling.className = 'error';                 this.nextElementSibling.innerHTML = '<i class="error_icon"></i> 格式错误';             }         }     };
    surepwd.onblur = function() {         if (this.value == pwd.value && this.value != '') {             // console.log('正确的');             this.nextElementSibling.className = 'success';             this.nextElementSibling.innerHTML = '<i class="success_icon"></i> 恭喜你,输入正确';         } else {             // console.log('错误');             this.nextElementSibling.className = 'error';             this.nextElementSibling.innerHTML = '<i class="error_icon"></i> 两次密码不一致';         }     } }
上一篇:动态添加td输入框


下一篇:Day1-JS-运用函数的简单实例