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 validatePhone = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('机构电话不可为空'));
        } else {
          if (value !== '') { 
            var reg =/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
            if(!reg.test(value)){
              callback(new Error('请输入正确的手机号或者座机号格式为:0000-0000000'));
            }
          }
          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();
          }
        } 
      };

公司组织机构代码:

 reg= /^[A-Z0-9]{8}-[A-Z0-9]$|^[A-Z0-9]{8}-[A-Z0-9]-[0-9]{2}$/; 

正数(最多两位小数):

reg = /^(([1-9]\d*(\.\d{1,2})?)|(0\.\d{1,2}))$/;
vue之 el-form表单之自定义正则表达式:

基本的表单属性name、password、phone、peopleID、carID、email、address…

   <script>
      export default {
        name: "form",
        data() {
          return {
            formRules: {
    	    name:
    	    	[{required: true,message: '请输入用户名',trigger: 'blur'},
    	        {min: 2,max: 7,message: '长度在 2 到 7 个字符'},
    	        {pattern: /^[\u4E00-\u9FA5]+$/, message: '用户名只能为中文'}
    	        //{ pattern:/^[a-zA-Z]w{1,4}$/, message: '以字母开头,长度在2-5之间, 只能包含字符、数字和下划线'}],
    	    password: 
    	    	[{required: true,message: '请输入密码',trigger: 'blur'}, 
    			{ min: 5,max: 25,message: '长度在 5 到 25个字符'}, 
    			{pattern: /^(\w){5,25}$/, message: '只能输入5-25个字母、数字、下划线'}],
    		 phone:
    		 	[{ required: true,message: '请输入手机号码',trigger: 'blur'},
    	    	{validator:function(rule,value,callback){
    	            if(/^1[34578]\d{9}$/.test(value) == false){
    	                callback(new Error("请输入正确的手机号"));
    	            }else{
    	                callback();
    	            }
    	        }, trigger: 'blur'}],
    	           //pattern: /^1[34578]\d{9}$/, message: '目前只支持中国大陆的手机号码' }
    	    peopleID:
    	    	[{required: true,message: '请输入身份证ID',trigger: 'blur'},
    	    	{pattern:/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' }],
    	    carId:
    	    	[{required: true, message: '请输入车牌号', trigger: 'blur'}, 
    	      	{pattern:/(^[\u4E00-\u9FA5]{1}[A-Z0-9]{6}$)|(^[A-Z]{2}[A-Z0-9]{2}[A-Z0-9\u4E00-\u9FA5]{1}[A-Z0-9]{4}$)|(^[\u4E00-\u9FA5]{1}[A-Z0-9]{5}[挂学警军港澳]{1}$)|(^[A-Z]{2}[0-9]{5}$)|(^(08|38){1}[A-Z0-9]{4}[A-Z0-9挂学警军港澳]{1}$)/,message: '常规格式:晋B12345'},],
    		},
            email:
                [{required: true, message: '请输入邮箱号', trigger: 'blur'},
                 {validator:function(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('请输入有效的邮箱'));
                             }
                  }else{
    	                callback();
    	            }
    	      }, trigger: 'blur'}],
    	}
    }
    </script>

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值