这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 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()" />
完整实例代码如下:
- <!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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0714/327106.html