輸入框限制--不能輸入中文,切輸入的英文要變為大寫


最開始寫的方法是:

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
      },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM