常用校验规则及应用

1. 电话号码校验（座机、手机号）  

   /** react中的应用*/
   <FormItem labelCol={{ span: 6 }} wrapperCol={{ span: 14 }} label="电话">
     {form.getFieldDecorator('contactPhone', {
           rules: [{
             pattern: /^((\d{11})|(\d{7,8})|(0\d{2,3}-?\d{7,8})|(0\d{2,3})(\d{7,8}))$/,
             message: '电话不合法',
           }]
     })(<Input placeholder="请输入" maxLength={50} disabled={detailList.meetStatus == "1"} />)} </FormItem>

2. IP校验

   // 公共js文件中ip校验方法
   const ipv4Exp = /^((2[0-4][0-9])|(25[0-5])|(1[0-9]{0,2})|([1-9][0-9])|([1-9]))\.(((2[0-4][0-9])|(25[0-5])|(1[0-9]{0,2})|([1-9][0-9])|([0-9]))\.){2}((2[0-4][0-9])|(25[0-5])|(1[0-9]{0,2})|([1-9][0-9])|([1-9]))$/;
   const ipv6Exp = /^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))(%.+)?\s*$/gm;
   /**
    * ip校验
    * @param {String} ip
    * @returns {Boolean}
    */
   export function validateIp(ip) {
     if (!ipv4Exp.test(ip) && !ipv6Exp.test(ip)) {
       return false;
     }
     return true;
   }
   
   .vue文件中引用
   import { validateIp } from "@/utils/validate";
   
    // 表单校验
   rules: {
      deviceIp: [
             { required: true, message: "设备IP不能为空", trigger: "blur" },
             {
               validator: IPValidator,
               trigger: ["blur", "change"],
             },
           ],
   }
   // data方法中使用
    data() {
       const IPValidator = (rule, value, callback) => {
         if (!value) callback();
         else if (!validateIp(value)) callback(new Error("请正确填写IP格式"));
         else callback();
       };
   }