输入框限制--不能输入中文,切输入的英文要变为大写

最开始写的方法是:

this.acceptNum = this.acceptNum.toUpperCase()

会出现一个问题,输入中文的时候,输入框也会显示:

参考网上的方法,这里总结一下:

1.首先,在input框加入CSS: style="text-transform: uppercase;" ,会把输入的英文自动转换为大写

2.对input框增加一个onkeyup方法,检查输入的是否是中文,如果是的话用 '' 代替:

@keyup="val = check(val)"
// 在松开按键时用脚本检查文本框的值,只保留Unicode编码在0和255之间的字符(禁止在input中输入中文)
      check (str) {
        var temp = ''
        for (var i = 0; i < str.length; i++) {
          if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 255) {
            temp += str.charAt(i)
          }
        }
        return temp
      },
原文地址:https://www.cnblogs.com/benbendu/p/9754871.html