【ElementUI】对input输入框加上特殊字符限制

最新推荐文章于 2024-05-16 10:07:37 发布

Arthur_Shelby

最新推荐文章于 2024-05-16 10:07:37 发布

阅读量756

点赞数 1

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/weixin_52378152/article/details/131470874

版权

和element 的 form-item中的prop结合使用

modalRules:{
        name:[
          {required: true, message:'请输入英文名', trigger:'blur'},
          { max: 50, message: '最大长度为50字符', trigger: 'blur' },
          //正则验证不可出现数字和特殊字符下划线不可在第一位
          {validator: (rule, value, callback) => {
                // const reg = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/ 带有下划线_
                const reg = /^(?!_)[\u4e00-\u9fa5a-zA-Z_]+$/
                if(!reg.test(value)){
                  callback(new Error('请勿输入数字或特殊字符'))
                }else{
                  callback()
                }
              },
              trigger: "blur"
            }
        
        ],
        nameCn:[
          {required: true, message:'请输入中文名', trigger:'blur'},
          { max: 50, message: '最大长度为50字符', trigger: 'blur' },
          //正则验证不可出现数字和特殊字符
          {validator: (rule, value, callback) => {
                // const reg = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/ 带有下划线_
                const reg = /^[\u4e00-\u9fa5a-zA-Z]+$/
                if(!reg.test(value)){
                  callback(new Error('请勿输入数字或特殊字符'))
                }else{
                  callback()
                }
              },
              trigger: "blur"
            }
        
        ]
      },