html 正则 数字 字母 汉子,JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】...

本文实例讲述了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代码：

完整实例代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Test

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("");

}

}

运行效果图如下：

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

希望本文所述对大家JavaScript程序设计有所帮助。