vue rules输入框校验只能输入中文、英文和数字

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

在使用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. 效果

以上是 vue rules输入框校验只能输入中文、英文和数字 的全部内容， 来源链接： utcz.com/z/375608.html

回到顶部