如何实现JavaScript控制输入框中只能输入中文、数字和英文

这篇文章主要介绍如何实现JavaScript控制输入框中只能输入中文、数字和英文，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

无棣ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！

具体如下：

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>

运行效果图如下：

如何实现JavaScript控制输入框中只能输入中文、数字和英文

以上是“如何实现JavaScript控制输入框中只能输入中文、数字和英文”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

本文名称：如何实现JavaScript控制输入框中只能输入中文、数字和英文
分享链接：https://www.cdcxhl.com/article8/gcjsip.html

成都网站建设公司_创新互联，为您提供域名注册、品牌网站制作、网站设计、定制网站、网站改版、网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容