• 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
  • 相关阅读:
    kube-prometheus 系列1 项目介绍
    Jackson 的 SNAKE_CASE 反序列化
    【自动化测试】——robotframework实战(三)编写测试用例
    Oracle 与 MySQL 的区别总结
    Hive部署,hive客户端
    动态规划算法
    金融新应用潮涌,银行如何加强数据安全韧性?
    Flutter StreamBuilder 实现局部刷新 Widget
    javaweb|JSTL的下载、配置与原理,解决uri导入时报错的问题
    Fiddler使用界面——会话栏与过滤器
  • 原文地址:https://blog.csdn.net/weixin_43869524/article/details/125525746