前端输入框校验限制不能输入中文

一般我们在做表单的时候都会有表单校验,通常都是用element提供的表单验证的功能，只需要通过 rules 属性传入约定的验证规则，如下面这样

      rules: {userName: [{validator: checkUsername,trigger: "blur",},{ validator: this.checkData, trigger: 'blur' }],password: [{validator: checkPassword,trigger: "blur",},],},

checkData是个方法,写在methods中即可

  // 用户名不能为中文checkData(rule, value, callback) {if (value) {if (/[\u4E00-\u9FA5]/g.test(value)) {callback(new Error('用户名不能为中文！！！'))} else {callback()}}callback()},