vue+element 验证输入框是否包含特殊字符(赠送ip+域名双验证判断)

1 效果:

2 添加element自定义验证方法

rules{

        'dbConfig.address': [

                 { required: true, validator: validatehost_ip, trigger: 'blur' }

        ]

}

3 添加对应方法

 var validatehost_ip = (rule, value, callback) => {
         if (!value) {
          callback(new Error('地址不可为空'))
        } else {
          //验证是否包含特殊字符
           var    regExp = new RegExp("[ \\[ \\] \\^ \\_*×(^)$%~!＠@＃#$…&%￥+=<>《》!！??？•`·、。，；,;/\'\"{}（）‘’“”]");
            if(regExp.test(value)){
              callback(new Error('请输入正确的地址'))
            }else{
            callback()
            }
        }
        // ip和域名双重验证
        // if (!value) {
        //   callback(new Error(地址不可为空))
        // } else {
        //   // 判断ip的正则
        //   if (/^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$/.test(value)) {
        //     callback()
        //   } else {
        //     // 判断 域名 的正则
        //     if (/^(?:(?!-)[A-Za-z0-9-]{1,63}(?<!-).)+[A-Za-z]{2,63}$/.test(value)) {
        //     callback()
        //     } else {
        //     callback(new Error('请输入正确的地址))
        //     }
        //   }
        // }
      }

注解:

使用new RegExp()构造函数,然后通过regExp.test(value)方法,检测value中的值是否包含构造函数中的某些值