• element computed校验方式


    computed: {
        rules() {
          const checkEmail = () => (rule, value, callback) => {
            if (value) {
              var email = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,8})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,8}|180)$/;
              if (email.test(value)) {
                return callback();
              } else {
                return callback("请输入正确的坐标");
              }
            } else {
              return callback("请输入X坐标");
            }
          };
          const checky = () => (rule, value, callback) => {
            if (value) {
              var ylog = /^(\-|\+)?([0-8]?\d{1}\.\d{0,8}|90\.0{0,8}|[0-8]?\d{1}|90)$/;
              if (ylog.test(value)) {
                return callback();
              } else {
                return callback("请输入正确的坐标");
              }
            } else {
              return callback("请输入Y坐标");
            }
          };
          let rules = {
            siteLeader: [
              { required: true, message: "请输入负责人", trigger: "change" },
            ],
            supervisor: [
              { required: true, message: "请输入监护人", trigger: "change" },
            ],
            workPeople: [
              { required: true, message: "请输入作业人", trigger: "change" },
            ],
            workPeopleNumber: [
              { required: true, message: "请输入作业人数", trigger: "change" },
            ],
            implementationTime: [
              { required: true, message: "请选择作业实施时间", trigger: "change" },
            ],
            longitude: [
              { required: true, validator: checkEmail(), trigger: "change" },
            ],
            latitude: [
              // { required: true,message: "请输入Y坐标", trigger: "change" },
              { required: true, validator: checky(), trigger: "change" },
            ],
            detailedAddress: [
              { required: true, message: "请输入详细地点", trigger: "change" },
            ],
            projectName: [{ required: true, message: "请输入", trigger: "change" }],
            addselect: [
              { required: true, message: "请选择", trigger: ["blur", "change"] },
            ],
            businessType: [
              { required: true, message: "请选择", trigger: "change" },
            ],
          };
          return rules;
        },
      },
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
  • 相关阅读:
    Flutter应用-使用sqflite升级数据库
    ubuntu18.04 +CUDA11.1 + pytorch1.8.1 环境配置
    Google Coding style
    ExtJS - ExtJS实例
    Flink SQL处理回撤流(Retract Stream)案例
    LVS几种模式的部署
    Python爬虫技术系列-02HTML解析-xpath与lxml
    Java基础学习笔记 —— 基础语法篇
    机器学习第11天:降维
    Linux系统初始化配置:网络、换源、服务管理、软件更新
  • 原文地址:https://blog.csdn.net/weixin_43869524/article/details/125525746