有关前端验证各类常见格式问题

2022-11-25 84

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 有关前端验证各类常见格式问题

有关前端验证各类常见格式问题

VUE中验证格式

手机号：

var validateMobilePhone = (rule, value, callback) => {       
    if (value === '') {         
        callback(new Error('手机号不可为空'));       
    } else {     
        if (value !== '') {       
            var reg=/^1[3456789]\d{9}$/;        
         if(!reg.test(value)){       
             callback(new Error('请输入有效的手机号码'));        
            }       
        }          
        callback();       
    }     
};

邮箱：

var validateEmail = (rule, value, callback) => {        
    if (value === '') {          
        callback(new Error('请正确填写邮箱'));        
    } else {          
        if (value !== '') {             
            var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;           
        if(!reg.test(value)){              
                callback(new Error('请输入有效的邮箱'));            
            }          
        }          
        callback();        
    }      
};

密码：

var validatePass = (rule, value, callback) => {        
    if (value === '') {          
        callback(new Error('密码格式不对'));        
    } else if(value.length < 6){          
        callback(new Error('长度最小6位哦'));        
    }else{          
        callback();        
    }      
};

微信

var validateWeixin = (rule, value, callback) => {        
    if (value === '') {          
        callback(new Error('微信号不能为空'));        
    }else{          
        var reg= /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/;          
        if(!reg.test(value)){            
            callback(new Error('请输入正确的微信号'));          
        }else{            
            callback();          
        }       
    }       
};