常见的正则判断(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)$/手机号 :...
·
常见的正则判断(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' }],
},
}
更多推荐
所有评论(0)