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. 效果