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中的值是否包含构造函数中的某些值

相关推荐

  1. python验证输入IP地址是否正确

    2024-05-16 07:46:10       141 阅读
  2. 输入验证数字类型

    2024-05-16 07:46:10       31 阅读
  3. lua 判断字符串是否包含指定字符

    2024-05-16 07:46:10       38 阅读
  4. golang判断字符串是否包含中文

    2024-05-16 07:46:10       37 阅读
  5. jQuery如何验证复选是否选中

    2024-05-16 07:46:10       31 阅读
  6. c#验证输入语句是否带有sql入侵的方法

    2024-05-16 07:46:10       32 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-16 07:46:10       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-16 07:46:10       101 阅读
  3. 在Django里面运行非项目文件

    2024-05-16 07:46:10       82 阅读
  4. Python语言-面向对象

    2024-05-16 07:46:10       91 阅读

热门阅读

  1. 构建可扩展的Node.js应用

    2024-05-16 07:46:10       33 阅读
  2. uni-app 路由跳转方式

    2024-05-16 07:46:10       35 阅读
  3. uniapp外部scss文件使用scss语法不生效.

    2024-05-16 07:46:10       30 阅读
  4. K8S搭建

    K8S搭建

    2024-05-16 07:46:10      32 阅读
  5. 命令模式(命令)

    2024-05-16 07:46:10       31 阅读
  6. 关于数据结构的整理

    2024-05-16 07:46:10       31 阅读