vue+ElementUI使用笔记

 

1，使用表单验证：

//定义验证规则
window.varifyUtil = {
    //验证数字
    validateNumber: function(rule, value, callback){
        if (!isGreaterZero(value)) {
            return callback(new Error("请输入数字类型"));
        }
        callback();
    },
    //验证身份证号
    validateIdcard: function(rule, value, callback){//身份证验证
        var reg = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/
        if (value && !reg.test(value)) {
            return callback(new Error('身份证号码格式有误'));
        }
        callback();
    },
    validateIdcardRequired: function(rule, value, callback){//身份证验证
        var reg = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/
        if (!value || !reg.test(value)) {
            return callback(new Error('身份证号码格式有误'));
        }
        callback();
    },
    //验证手机
    validateMobile: function(rule, value, callback){
        var reg = /^1\d{10}$/
        if (value && !reg.test(value)) {
            return callback(new Error('电话号码格式有误'));
        }
        callback()
    },
    //验证手机
    validateMobileRequired: function(rule, value, callback){
        var reg = /^1\d{10}$/
        if (!reg.test(value)) {
            return callback(new Error('电话号码格式有误'));
        }
        callback()
    },
    //验证电话号码
    validateTel: function(rule, value, callback){
        var reg = /^[\d\+\*-]+$/
        if (value && !reg.test(value)) {
            return callback(new Error('电话号码格式有误'));
        }
        callback()
    },
    //验证电话号码
    validateTelRequired: function(rule, value, callback){
        var reg = /^[\d\+\*-]+$/
        if (!reg.test(value)) {
            return callback(new Error('电话号码格式有误'));
        }
        callback()
    },
    //验证邮箱
    validateEmail: function(rule, value, callback){
        var reg = /^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?$/
        if (value && !reg.test(value)) {
            return callback(new Error('Email地址格式有误'));
        }
        callback()
    },
    //验证密码
    validatePwd: function(rule, value, callback){
        var reg = /^(\w){6,16}$/    //'[A-Za-z0-9_]'
        if(!value){
            return callback(new Error('请输入密码'));
        }else if (!reg.test(value)) {
            return callback(new Error('密码由字母、数字、下划线组成，长度为6～16个字符'));
        }
        callback()
    },
    validateBankNo: function(rule, value, callback){
        var reg = /^\d{16,19}$/
        if(value && !reg.test(value)) {
            return callback(new Error('银行卡号格式有误'))
        }
        callback();
    }
}

定义验证规则