JavaScript通过RegExp实现客户端验证处理程序
2013-05-07 00:00
746 查看
1.让文本框只允许输入数字,运用asp.net mvc3.0的文本框控件
可以看到在文本框中注册了onkeypress事件,当在文本框中输入一个字符按下键盘的时候就会触发该JavaScript的函数
首先判断一下浏览器,进行处理兼容性。然后通过String.formCharCode(KeyChar)来查找相应的字符
最后在函数regIsDigit函数中
定义正则进行匹配
因为是数值0-9所以也等同于\d即
正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的代码:
这里还用到了test函数: 检查指定的字符串是否存在。常用的还有exec match search replace split等函数。
如果搞懂了第一个那么只需要套用正则就可以使用了哦。
2.文本框只允许输入中文
RegValidateIsChinese("输入的字符串") 是汉字则返回true,不全是汉字则返回false
3.邮箱输入格式的判断
两个定义初步测试都可以。
@Html.TextBox("txt",null, new {@style="width:300;",onkeypress="return RegValidateIsDigit(event)" })
可以看到在文本框中注册了onkeypress事件,当在文本框中输入一个字符按下键盘的时候就会触发该JavaScript的函数
<script type="text/javascript"> function RegValidateIsDigit(e) { var KeyChar; debugger; ////判断浏览器 if (window.event) //IE { KeyChar = e.keyCode; } else if (e.which)///FireFox等 { KeyChar = e.which; } var str = String.fromCharCode(KeyChar); ///通过UniCode编码来来查找相应的字符 return regIsDigit(str); } function regIsDigit(fData) { ///定义正则进行匹配 var reg = new RegExp("^[0-9]$"); return (reg.test(fData)); } </script>
首先判断一下浏览器,进行处理兼容性。然后通过String.formCharCode(KeyChar)来查找相应的字符
最后在函数regIsDigit函数中
定义正则进行匹配
var reg = new RegExp("^[0-9]$");
因为是数值0-9所以也等同于\d即
var reg = new RegExp("\\d$");
正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的代码:
var reg=/\d$/;
这里还用到了test函数: 检查指定的字符串是否存在。常用的还有exec match search replace split等函数。
如果搞懂了第一个那么只需要套用正则就可以使用了哦。
2.文本框只允许输入中文
function RegValidateIsChinese(str) { //var reg = new RegExp("^[\u4e00-\u9fa5]+$"); var reg = /^[\u4E00-\u9FA5]+$/; var str=document.getElementById("text").value; return (reg.test(str)); }
RegValidateIsChinese("输入的字符串") 是汉字则返回true,不全是汉字则返回false
3.邮箱输入格式的判断
function RegValidateIsEmail(str) { //var reg = /^([a-zA-Z0-9_-])+@@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/; var reg=/^\w+((-\w+)|(\.\w+))*@@{1}\w+\.{1}\w{2,4}(\.{0,1}\w{2}){0,1}/ig; if (reg.test(str)) { alert("是邮箱"); } else { alert("格式不对"); } }
两个定义初步测试都可以。
相关文章推荐
- JavaScript通过RegExp实现客户端验证处理程序
- JavaScript通过RegExp实现客户端验证
- Gradle Android客户端程序打包(基于gradle 2.10版本验证通过)
- JavaScript通过正则表达式实现表单验证电话号码
- JavaScript通过正则表达式实现表单验证电话号码
- #笔记#圣思园 JavaWeb 第22讲——表单确认,JavaScript和Servlet实现客户端与服务器端验证
- 使用JavaScript与Servlet实现客户端与服务器端验证
- JavaScript实现为指定对象添加多个事件处理程序的方法
- 通过javascript调用Applet程序对客户端文件系统进行操作
- .Net一般处理程序来实现用户名的验证
- 事件处理程序实现的另一种方法:浏览器的事件监听机制实现“1事件对应n事件处理程序”(Javascript)
- asp.ne如何使用javascript去验证客户端信息,如果验证成功则送往服务器端处理,否则在客户端提示用户(不返回到服务器端处理)
- 通过文档事件处理程序引入JavaScript脚本代码实例
- Android客户端程序通过Web Service实现对服务器端数据库的查询
- Gradle Android客户端程序打包(基于gradle 2.10版本验证通过)
- 使用JavaScript与Servlet实现客户端与服务器端验证
- JavaScript验证客户端提交数据的小程序[转]
- 使用JavaScript实现客户端与服务器验证
- .Net一般处理程序来实现用户名的验证
- 使用Javascript实现客户端数据验证