JavaScript只能在输入框输入中文、数字和英文[基于常规实现]

本文说明了JavaScript只能在输入框中输入中文、数字和英文的方法。分享给大家参考，如下：

1.问题背景：

遇到这样一个问题：有一个输入框，只需要中文、数字和英文(即过滤特殊字符串)

2.JS代码：

Function checkUsername(){ //正则表达式varreg=new regexp('[a-za-z0-9 \ u4e 00-\ u9 fa 5]$ ')；//获取值var username=document . getelementbyid(' username ')。输入框中的value . trim()；//判断有内容如果(！Reg.test(username)) {alert('请输入中文、数字和英文！');//输入非法字符并清空输入框$('#username ')。val(“”)；}}3.页面的HTML代码：

输入类型=' text ' id=' username ' on blor=' check username()'/完整的示例代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title test/title script type=' text/JavaScript ' language=' JavaScript ' src=' http : jquery-1 . 7 . 2 . min . js '/script script type=' text/JavaScript ' language=' JavaScript ' function check username(){//正则表达式varreg=new regexp(' a-za-z0-9 \ u4e 00-\ u9 F5]$ ')；//获取值var username=document . getelementbyid(' username ')。输入框中的value . trim()；//判断有内容如果(！Reg.test(username)) {alert('请输入中文、数字和英文！');//输入非法字符并清空输入框$('#username ')。val(“”)；} }/script/head dyinput type=' text ' id=' username ' on bull=' check username()'//body/html运行效果如下：

PS:这里有两个非常方便的正则表达式工具，供大家参考：

JavaScript正则表达式在线测试工具：http://tools.jb51.net/regex/javascript

在线正则表达式生成工具：http://tools.jb51.net/regex/create_reg

更多对JavaScript相关内容感兴趣的读者可以查看本网站的主题：《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数学运算用法总结》、0103010。

希望本文对JavaScript编程有所帮助。