vue中elementUI表单同时验证输入框手机号与座机号验证:

	data:{
	  var checkPhone = (rule, value, callback) => {
	      if (value === '') {
	        callback(new Error('请输入联系人电话'));
	      } else {
	        let regPone = null;
	        let mobile = /^1(3|4|5|6|7|8|9)\d{9}$/; //最新16手机正则
	        let tel = /^(0[0-9]{2,3}\-)([2-9][0-9]{4,7})+(\-[0-9]{1,4})?$/; //座机
	        if (value.charAt(0) == 0) {    // charAt查找第一个字符方法,用来判断输入的是座机还是手机号
	          regPone = tel;         
	        } else {          
	          regPone = mobile;
	        }
	        if (!regPone.test(value)) {
	          return callback(
	            new Error("请填写联系人电话(座机格式'区号-座机号码')")
	          );
	        }
	        callback();        
	      }
	    };
		return:{
			rules:{
					linkmanPhone: {
				          required: true,
				          validator: checkPhone,
				          trigger: 'blur'
				        },
					}
				}
	}
Logo

前往低代码交流专区

更多推荐