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

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