vue电话号码、邮箱、经纬度表单校验

138 阅读1分钟

vue电话号码、邮箱、经纬度表单校验

(1条消息) vue电话号码、邮箱、经纬度表单校验_不想学习只想玩的博客-CSDN博客

phone: [{ required: true, message: '请输入电话', trigger: 'blur' }, {
            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
            message: "请输入正确的手机号码",
            trigger: "blur"
          }],
          email: [{ required: true, message: '请输入邮箱', trigger: 'blur' }, {
            validator: function (rule, value, callback) {
              if (
                /^\w{1,64}@[a-z0-9\-]{1,256}(\.[a-z]{2,6}){1,2}$/i.test(
                  value
                ) == false
              ) {
                callback(new Error("邮箱格式错误"));
              } else {
                callback();
              }
            },
            trigger: "blur"
          }],
           latEdg: [{ required: true, message: '请输入纬度', trigger: 'blur' }, {
                        validator: function (rule, value, callback) {
                            if (value) {
                                value += ''
                                if (value.match(/^(\-|\+)?([0-8]?\d{1}\.\d{0,7}|90\.0{0,6}|[0-8]?\d{1}|90)$/)) {
                                    callback()
                                } else {
                                    callback(new Error('纬度为-90~90,小数限7位'))
                                }
                            } else {
                                callback()
                            }
                        }
                    }],
                    longEdg: [{ required: true, message: '请输入经度', trigger: 'blur' }, {
                        validator: function (rule, value, callback) {
                            if (value) {
                                value += ''
                                if (value.match(/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,7})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6}|180)$/)) {
                                    callback()
                                } else {
                                    callback(new Error('经度为-180~180,小数限7位!'))
                                }
                            } else {
                                callback()
                            }
                        }
                    }],