Vue+ Element-UI 对表单进行校验

rules: { 
      slauOwnerTel: [
          { required: true, message: "请输入负责人电话", trigger: "change" },
          {
            validator: (rule, value, callback) => {
              if (value != "" && value.replace(/(^\s*)|(\s*$)/g, "") != "") {
                var reg1 = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
                var reg2 = /^(13[0-9]|14[0-9]|15[0-9]|18[0-9]|17[0-9])[0-9]{8}$/;
                var flag = "true";
                if (!reg1.test(value)) {
                  flag = "false";
                }
                if (reg2.test(value) && flag == "false") {
                  flag = "true";
                }
                if (flag == "false") {
                  callback(new Error("请输入有效手机号或固定电话!"));

                  return false;
                } else {
                  callback();
                }
              }
            }
          }
        ],
}

上面是校验电话号码和固话 

 

下面是纯手机号

rules: { 

tel: [{ required: true, message: "请输入联系电话", trigger: "change" },
         {
            validator: (rule, value, callback) => {
              if (value.length > 11 || value.length < 8) {
                callback(new Error("长度必须为11数字"));
              } else {
              let  regexp= /^1[3456789]\d{9}$/
                if (!regexp.test(value)) {
                  callback(new Error("电话号码格式不对"));
                } else {
                  callback();
                }
              }
            }
          }
        ],

}