vue 正则验证

手机号

var checkPhone = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('手机号不能为空'));
        } else {
          var reg=/^1[3456789]\d{9}$/;
          if (reg.test(value)) {
            callback();
          } else {
            return callback(new Error('请输入正确的手机号'));
          }
        }
    };

密码

var validatePass = (rule, value, callback) => {
            if (value === '') {
              callback(new Error('请设置正确格式的密码'));
            } else if(value.length < 6){
              callback(new Error('密码长度最小6位'));
            }else{
              callback();
            }
          }；

邮箱

  var validateEmail = (rule, value, callback) => {
            if (value === '') {
              callback(new Error('请正确填写邮箱'));
            } else {
              if (value !== '') {
                var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
                if(!reg.test(value)){
                  callback(new Error('请输入有效的邮箱'));
                }
              }
              callback();
            }
          };

微信号

var validateWeixin = (rule, value, callback) => {
            if (value === '') {
              callback(new Error('微信号不能为空'));
            }else{
              var reg= /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/;
              if(!reg.test(value)){
                callback(new Error('请输入正确的微信号码'));
              }else{
                callback();
              }
            }
          };
 

电话

var validatePhone = (rule, value, callback) => {
            if (value === '') {
              callback(new Error('机构电话不可为空'));
            } else {
              if (value !== '') {
                var reg =/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
                if(!reg.test(value)){
                  callback(new Error('请输入正确的手机号或者座机号格式为：0000-0000000'));
                }
              }
              callback();
            }
          };

经度

var longitude = (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();
      }
    };

纬度

var latitude = (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();
      }
    };

使用方法

<el-form-item :label="$t('联系电话:')" prop="contact_mobile">
          <el-input
            style="width: 440px"
            v-model.trim="settingInfo.contact_mobile"
            placeholder="请输入联系电话"
          ></el-input>
        </el-form-item>

 <el-form-item :label="$t('坐标:')" style="width: 500px" prop="">
          <div @click="handle_mapCreat">
            <el-col :span="11">
              <el-form-item prop="longitude">
                <el-input
                  v-model.trim="settingInfo.longitude"
                  placeholder="经度"
                  :disabled="true"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="1" style="text-align: center"> , </el-col>
            <el-col :span="11">
              <el-form-item prop="latitude">
                <el-input
                  v-model.trim="settingInfo.latitude"
                  placeholder="纬度"
                  :disabled="true"
                ></el-input>
              </el-form-item>
            </el-col>
          </div>
        </el-form-item

export default {
    data() {
      var checkPhone = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('手机号不能为空'));
        } else {
          const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
          console.log(reg.test(value));
          if (reg.test(value)) {
            callback();
          } else {
            return callback(new Error('请输入正确的手机号'));
          }
        }
      };
      return {
      // 表单数据
      settingInfo: {contact_mobile: ""},
      settingRules: {
       contact_mobile: [
          {
            required: true,
            message: "请输入联系电话",
            trigger: "blur",
          },
          {
            validator: checkPhone,
            trigger: "blur",
          },
        ],
    }
   }
}