element+form表单校验

最新推荐文章于 2024-08-13 16:15:07 发布

MSz299

最新推荐文章于 2024-08-13 16:15:07 发布

阅读量98

点赞数

文章标签： javascript 前端 css vue.js elementui

本文链接：https://blog.csdn.net/MSz299/article/details/125274808

版权

邮箱校验

      email: [
          { required: true, message: "邮箱不能为空", trigger: "blur" },
          {
            type: "string",
            message: "邮箱格式不正确",
            trigger: "blur",
            transform(value) {
              if (
                !/^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(
                  value
                )
              ) {
                return true;
              } else {
              }
            },
          },
          { type: "string", message: "长度不能超过30位", trigger: "blur", max: 30 },
        ],

手机号校验

mobile: [
          { required: true, message: "手机号不能为空" },
          {
            type: "number",
            message: "手机号格式不正确",
            trigger: "blur",
            transform(value) {
              var phonereg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/;
              if (!phonereg.test(value)) {
                return false;
              } else {
                return Number(value);
              }
            },
          },
        ],

失去焦点进行身份证校验

 var reg =
        /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/;
      if (!reg.test(idCard)) {
        this.$message.error("身份证格式不正确/不能为空");
      }