正則：/[^a-zA-Z0-9\u4E00-\u9FA5]/g,''

采用該正則表達式后，使用搜狗輸入法沒有問題，但采用微軟自帶輸入法后，會存在輸入數字及英文時為正常，切換為漢字后，會存在吞并當前光標前的字符。具體吞并個數和輸入法中有幾個漢字相關。

輸入后點擊其它位置?@keyup方法中打印日志會打印出在輸入法中當時的字符數，發現會比正常輸入英文時多出了一個”'“，導致不符合正則表達式，從而出現問題

更改正則表達式如下代碼塊所示

<el-form ref="form" :model="form" :rules="formRule"><el-form-item label="用戶名" prop="userName"><el-input class="input-long" v-model="form.userName" oninput="value=value.replace(/[^'\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')"></el-input></el-form-item><el-form-item label="賬號" prop="userAccount"><el-input class="input-long" v-model="form.userAccount" oninput="value=value.replace(/[^'\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')"></el-input></el-form-item> </el-form>

總結

以上是生活随笔為你收集整理的input输入框使用正则限制为数字、英文及中文，微软自带输入法输入问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。