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

最新推荐文章于 2023-09-05 12:43:47 发布

andy5520

最新推荐文章于 2023-09-05 12:43:47 发布

阅读量768

点赞数

分类专栏： Vue element-ui 文章标签： Vue表单校验 validator Vue+Element-UI

本文链接：https://blog.csdn.net/andy5520/article/details/94025492

版权

本文介绍如何在Vue项目中结合Element-UI库，有效地进行表单的电话号码和固定电话的验证，包括手机号的校验方法。

摘要由CSDN通过智能技术生成

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 {