美文网首页
vue表单常用的正则验证

vue表单常用的正则验证

作者: 小睿同学 | 来源:发表于2020-04-10 10:26 被阅读0次
1.身份证号验证
idCard: [{
    validator: function(rule, value, callback) {
        if(value === '') {
            callback(new Error('请输入身份证号'));
        } else {
            if(value !== '') {
                var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
                if(!reg.test(value)) {
                    callback(new Error('请输入有效的身份证号'));
                }
            } else {
                callback();
            }
            callback();
        }
    },
    trigger: 'blur'
}],
2.手机号
 var reg=/^1[3456789]\d{9}$/;
3.邮箱
 var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

或 type:'email'

:rules="[
      { required: true, message: '请输入邮箱地址', trigger: 'blur' },
      { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
    ]"
4.公司组织机构代码
reg= /^[A-Z0-9]{8}-[A-Z0-9]$|^[A-Z0-9]{8}-[A-Z0-9]-[0-9]{2}$/; 
5.正数(最多两位小数)
reg = /^(([1-9]\d*(\.\d{1,2})?)|(0\.\d{1,2}))$/;
6.微信号
var reg= /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/;
就这样,End~

相关文章

网友评论

      本文标题:vue表单常用的正则验证

      本文链接:https://www.haomeiwen.com/subject/mnelmhtx.html