本文實例講述了JavaScript控制輸入框中只能輸入中文、數字和英文的方法。分享給大家供大家參考，具體如下：
1、問題背景：
遇到這樣一個問題：有一個輸入框，要求只能輸入中文、數字和英文（即過濾特殊字符串）
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()"/>
完整實例代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Test</title><script type="text/javascript" language="javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript" language="javascript" >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(""); }}</script></head><body><input type="text" id="username" onblur="checkUsername()"/></body></html>運行效果圖如下：
PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：
JavaScript正則表達式在線測試工具：
http://tools.VeVB.COm/regex/javascript
正則表達式在線生成工具：
http://tools.VeVB.COm/regex/create_reg
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
