JavaScript通过RegExp实现客户端验证

1.让文本框只允许输入数字，运用asp.net mvc3.0的文本框控件。

@Html.TextBox("txt",null, new {@style="width:300;",οnkeypress="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实现客户端验证相关推荐

[jQuery]使用jQuery.Validate进行客户端验证（高级篇-下）——不使用微软验证控件的理由...
2019独角兽企业重金招聘Python工程师标准>>> 引用源:http://www.cnblogs.com/kyo-yo/archive/2010/07/06/Use-jQuery ...
客户端验证不能代表服务器端验证
比如设置取款额度不能大于100元, 客户端写法如下: <asp:Button ID="txtSubmit" runat="server" OnClien ...
ASP.NET MVC如何实现自定义验证（服务端验证+客户端验证）
ASP.NET MVC通过Model验证帮助我们很容易的实现对数据的验证,在默认的情况下,基于ValidationAttribute的声明是验证被使用,我们只需要将相应的ValidationAttri ...
如何上传html验证文件大小,html5 实现客户端验证上传文件的大小(简单实例)
在HTML 5中,现在可以在客户端进行文件上传时的校验了,比如用户选择文件后,可以马上校验文件的大小和属性等.本文章向码农介绍html5 如何实现客户端验证上传文件的大小,感兴趣的码农可以参考一下. ...
登陆界面(jsp)客户端验证
第二步:通过servlet处理 import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; ...
[jQuery]使用jQuery.Validate进行客户端验证（高级篇-上）——不使用微软验证控件的理由...
在上一篇使用jQuery.Validate进行客户端验证(中级篇-下)中我介绍了jQuery.Validate在日常使用的过程中会遇到哪些问题及解决办法,今天的高级篇则主要是对jQuery.Valid ...
服务器端验证TextBox 以及客户端验证控件
OnClick是button的服务器端事件 OnClientClick是button的客户端事件一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即 ...
Struts2.0下的客户端验证
Struts2.0 默认提供了 simple,xhtml,css_xhtml,ajax 几个模板主题, 但对于 simple 不支持客户端的js验证. 对 simple 和xhtml 下的几个文件进 ...
html5 如何实现客户端验证上传文件的大小
在HTML 5中,现在可以在客户端进行文件上传时的校验了,比如用户选择文件后,可以马上校验文件的大小和属性等.本文章向码农介绍html5 如何实现客户端验证上传文件的大小,感兴趣的码农可以参考一下. ...

JavaScript通过RegExp实现客户端验证

JavaScript通过RegExp实现客户端验证相关推荐

最新文章

热门文章