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

這篇文章主要介紹了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()"/>

完整實例程式碼如下：

<input type="text" id="username" onblur="checkUsername()"/>

執行效果圖如下： 

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