美文网首页
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