vue 中常用的正则校验（含时间，数字，邮箱，电话，IP等）

短命女 2023-01-07 04:59 140阅读 0赞

var checkEmail = (rule, value, cb) => {
              // 验证邮箱
              const regEmail = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/
              if (regEmail.test(value)) {
                return cb()
              }
              cb(new Error('请输入合法的邮箱'))
            }
            // 校验时间的规则
             var checkDate = (rule, value, cb) => {
               const regDate = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/
               if (regDate.test(value)) {
                 return cb()
               }
               cb(new Error('请输入正确的时间格式'))
             }
             // 校验数字的规则
              var checkNumber = (rule, value, cb) => {
                const regNumber =  /^-?[0-9]+.?[0-9]*$/
                if (regNumber.test(value)) {
                  return cb()
                }
                cb(new Error('请输入正确的数字格式'))
              }
              // 校验整数的规则
               var checkInteger = (rule, value, cb) => {
                 const regInteger =  /^(-|\+)?\d+$/
                 if (regInteger.test(value)) {
                   return cb()
                 }
                 cb(new Error('请输入正确的整数格式'))
               }
               // 校验IP的规则
               var checkIP = (rule, value, cb) => {
                 const regIP =  /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
                 if (regIP.test(value)) {
                   return cb()
                 }
                 cb(new Error('请输入正确的IP格式'))
               }
               // 校验手机号或者固定电话的规则
               var checkPhone = (rule, value, cb) => {
                 const regPhone =  /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/
                 if (regPhone.test(value)) {
                   return cb()
                 }
                 cb(new Error('请输入正确的手机号或者固定电话格式'))
               }
               // 校验身份证的规则
               var checkId_card = (rule, value, cb) => {
                 const regId_card =  /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
                 if (regId_card.test(value)) {
                   return cb()
                 }
                 cb(new Error('请输入正确的身份证格式'))
               }
               // 校验URL的规则
               var checkURL = (rule, value, cb) => {
                 const regURL  =  /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
                 if (regURL .test(value)) {
                   return cb()
                 }
                 cb(new Error('请输入正确的URL格式'))
               }