el-form表单校验问题

在rules外定义校验的方法

定义校验方法 注意成功与失败回调的定义

 // 验证端口是否在[0,65535]之间
  export function isPort(rule, value, callback) {
    if (!value) {
      return callback(new Error('输入不可以为空'));
    }
    setTimeout(() => {
      if (value == '' || typeof(value) == undefined) {
        callback(new Error('请输入端口值'));
      } else {
        const re = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/;
        const rsCheck = re.test(value);
        if (!rsCheck) {
          callback(new Error('请输入在[0-65535]之间的端口值'));
        } else {
          callback();
        }
      }
    }, 100);
  }

引入校验的方法

import { isPort } from "@/utils/validator";

使用校验方法

 rules: {
        orderNum: [
          {
            required: true,
            message: "请输入端口序号",
            trigger: "blur",
          },
          {
            validator: isPort,
            trigger: "blur",
          },
        ],
      },