JavaScript通过RegExp实现客户端验证
2013-05-07 16:28
134 查看
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实现客户端验证处理程序
- 使用Javascript实现客户端数据验证
- JavaScript总结(1)-Asp.Net 中利用JavaScript实现客户端验证
- JavaScript总结(1)-Asp.Net 中利用JavaScript实现客户端验证
- 利用JavaScript实现客户端输入日期验证
- 使用JavaScript与Servlet实现客户端与服务器端验证
- 使用JavaScript与Servlet实现客户端与服务器端验证
- JavaScript通过正则表达式实现表单验证电话号码
- 使用JavaScript实现客户端与服务器验证
- 8、使用JavaScript与Servlet实现客户端与服务器端验证
- #笔记#圣思园 JavaWeb 第22讲——表单确认,JavaScript和Servlet实现客户端与服务器端验证
- JavaScript通过正则表达式实现表单验证电话号码
- JavaScript客户端验证
- JavaScript基础 submit按钮结合onclick事件 实现表单的提交与验证
- 通过javascript判断本地是否安装了客户端
- html--通过javascript实现选项卡切换
- JavaScript通过mouseover()实现图片变大效果的示例
- Android通过Http连接MySQL 实现登陆/注册(数据库+服务器+客户端)
- Javascript实现检测客户端是否安装了.NET FrameWork