社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > JavaScript基於正規實作控制輸入框中只能輸入中文、數字和英文的方法

JavaScript基於正規實作控制輸入框中只能輸入中文、數字和英文的方法

黄舟
發布： 2017-03-23 14:56:24
原創
3130 人瀏覽過

這篇文章主要介紹了JavaScript控制輸入框中只能輸入中文、數字和英文的方法,基於正規驗證實現字元輸入限制功能,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了Javascript控制輸入框中只能輸入中文、數字和英文的方法。輸入中文、數字和英文（即過濾

特殊字元

字串）

2、JS程式碼：

function checkUsername()
{
 //正则表达式
 var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]+$");
 //获取输入框中的值
 var username = document.getElementById("username").value.trim();
 //判断输入框中有内容
 if(!reg.test(username))
 {
 alert("请输入中文、数字和英文！");
 //输入非法字符，清空输入框
 $("#username").val("");
 }
}
登入後複製

3、頁面HTML程式碼：

<input type="text" id="username" onblur="checkUsername()"/>
登入後複製
完整實例程式碼如下：





Test






<input type="text" id="username" onblur="checkUsername()"/>
登入後複製

執行效果圖如下： 

以上是JavaScript基於正規實作控制輸入框中只能輸入中文、數字和英文的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
JavaScript，输入框中，正则
來源：php.cn
上一篇：詳解JavaScript的for迴圈中嵌套一個點擊事件的問題解決方法 下一篇：JavaScript數組迭代實現的方法分享
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
無法從網站取得輸入元素 所以我試圖從Twitter獲取一個輸入元素，但當我運行它時，它不斷在節點終端中給我一個這樣的錯誤，結果，由此代碼創建的瀏覽器窗口將自行關閉，因為它找不到正確的輸入選擇器。如何取得正...
來自於 2024-04-06 18:59:57
0
1
442
即使清除後，我的文件輸入的值仍然保留 正如您在螢幕截圖中看到的那樣。我選擇一個文件，保留彈出視窗而不刷新頁面，然後再次打開它，文件輸入仍然是我選擇的文件。 <inputid="fileuploadban...
來自於 2024-04-06 15:44:52
0
1
384
解決Vue3 webcomponents生產建置問題 我正在嘗試將我的vue2web元件遷移到vue3，儘管當我為生產建立建置時問題就出現了。我將vue-cli與--targetwc一起使用，它現在顯示一個錯誤，指出vue3Web元件...
來自於 2024-04-06 12:43:37
0
1
473
vue vee-validate 捕捉日期選擇器選擇的問題 我的日期選擇器欄位上的v-model綁定無法正常工作。當您做出選擇時，它將在螢幕上即時更新，但它不會將值儲存在formValues反應物件中。由於vee-validate不支援日期...
來自於 2024-04-06 11:38:56
0
1
510
控制台不顯示我提供的文字輸入 所以我正在使用formik在React中建立一個表單。我製作了一個TextInput元件，其中包含一個進行了一些更改的輸入欄位。當我使用changeHandler時，它應該會更新我...
來自於 2024-04-04 20:30:28
0
1
404
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板