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


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

1.输入框

     

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

相关