首页 > web前端 > js教程 > JavaScript基于正则实现控制输入框中只能输入中文、数字和英文的方法

JavaScript基于正则实现控制输入框中只能输入中文、数字和英文的方法

黄舟
发布: 2017-03-23 14:56:24
原创
3130 人浏览过

这篇文章主要介绍了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代码:

<input type="text" id="username" onblur="checkUsername()"/>
登录后复制

完整实例代码如下:





Test



<input type="text" id="username" onblur="checkUsername()"/>
登录后复制

运行效果图如下:

 JavaScript基于正则实现控制输入框中只能输入中文、数字和英文的方法

以上是JavaScript基于正则实现控制输入框中只能输入中文、数字和英文的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板