常用表单验证

针对ElementUI的写法.如果你未使用ElementUI,则直接拿代码中的正则表达式片段即可

    // 验证姓名
    function checkName(rule, value, callback) {
      const nameReg = /^[\u4E00-\u9FA5]{2,4}$/;
      if (!nameReg.test(value)) {
        return callback(new Error("姓名格式不正确"));
      } else {
        callback();
      }
    }
    // 验证手机号
    function checkTel(rule, value, callback) {
      const telReg =
        /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/;
      if (!telReg.test(value)) {
        return callback(new Error("手机号格式不正确"));
      } else {
        callback();
      }
    }
    // 验证邮箱
    function checkMail(rule, value, callback) {
      const mailReg =
        /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
      if (!mailReg.test(value)) {
        return callback(new Error("邮箱格式不正确"));
      } else {
        callback();
      }
    }
    // 验证微信
    function checkWechatAccount(rule, value, callback) {
      const wechatReg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
      if (!wechatReg.test(value)) {
        return callback(new Error("微信号格式不正确"));
      } else {
        callback();
      }
    }
    // 验证QQ号
    function checkQQAccount(rule, value, callback) {
      const qqReg = /^[1-9][0-9]{4,10}$/;
      if (!qqReg.test(value)) {
        return callback(new Error("QQ账号格式不正确"));
      } else {
        callback();
      }
    }
posted @ 2022-06-02 15:32  Yune_Neko  阅读(38)  评论(0编辑  收藏  举报