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

一般我们在做表单的时候都会有表单校验,通常都是用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()
      },