yuejucai

在使用vue做表单开发的时候经常会用到输入校验,这里记录一下rules中输入框校验只能输入中文、数字和英文

1.输入框

     <a-input placeholder="标题" maxLength="100" v-decorator="[\'title\', {rules: [
                                                        {required: true, message: \'请输入标题\'},
                                                         {validator: this.titleTest}
       ]}]"/>

2. 校验方法:

  methods: {
    titleTest (rule, value, callback) {
      // const title= /^[\u0391-\uFFE5A-Za-z]+$/
      const title= /^[\a-\z\A-\Z0-9\u4e00-\u9fe5]+$/
      if (!title.test(value)) {
        callback(new Error(\'标题只能输入中文、数字和英文\'))
      }else{
        callback()
      }
    },
}

3. 效果

 

分类:

技术点:

相关文章:

  • 2021-07-08
  • 2021-07-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-31
  • 2021-06-15
猜你喜欢
  • 2022-12-23
  • 2022-02-02
  • 2022-01-22
  • 2022-12-23
  • 2021-12-24
  • 2021-12-26
  • 2022-02-03
相关资源
相似解决方案