常见的正则判断（vue中的使用方法）

常见的正则判断（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' }],    },    } 

文章来源: https://blog.csdn.net/weixin_44346550/article/details/91891505