常见的正则判断(vue中的使用方法)

1.常见的正则判断

会员名称:   var reg  =/\w/;break;     
中文姓名 :  var reg = /^[\u4e00-\u9fa5]{1,}$/
邮编:		var reg = /^[1-9]\d{5}$/
邮箱:    	var reg = /^\w{3,}@\w{2,}\.(com|cn|net|com\.cn)$/
手机号 :	var reg = /^[1-9]\d{10}$/
身份证 :	var reg = /^[1-9]\d{16}(X|\d)$/身份证
出生日期	:	var reg = /^(\d{2}|\d{4})[-\/\.]\d{2}[-\/\.]\d{2}$/
ip地址 : 	var reg = /^((25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.){3}(25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)$/

在el-form中添加:rules=“rules”

<el-form ref="form" :rules="rules" :model="form" label-width="100px">

在el-form-item中添加prop=“名字”

<el-form-item label="身份证号" prop="idNum">
 		<el-input v-model="form.idNum"></el-input>
</el-form-item>

在data(){}里边进行判断

 var idNumReg = /^[1-9]\d{16}(X|\d)$/
      var validateIdNum = (rule, value, callback) => {
      if (!value) {
        return callback(new Error('身份证号不能为空!!'))
      }
      setTimeout(() => {
        if (!idNumReg.test(value)) {
        callback(new Error('格式有误'))
        } else {
        callback()
        }
      }, 500)
      }
      return {
       form: {  
          idNum: '',
        },
   // 校验规则
   rules: {
    idNum:[{ required: true, validator: validateIdNum, trigger: 'blur' }],
   },
   }
Logo

前往低代码交流专区

更多推荐