ASP.NET表单验证方法详解第1/2页

1、使用验证控件
这属于客户端验证,微软开发人员将最常用的验证功能进行了封装,使得我们开发效率明显提高,而且特别是自定义验证控件,非常灵活,我们可以自行设计验证逻辑。但是验证控件收到了浏览器的限制,记得在一次开发过程中,使用FireFox浏览器进行浏览,发现所有的验证控件失灵,这个并非是ASP.NET设计的漏洞,只能说浏览器标准的不唯一造成的。
ASP.NET公有六种验证控件,分别如下: 
RequiredFieldValidator(必须字段验证) 用于检查是否有输入值
CompareValidator(比较验证) 按设定比较两个输入
RangeValidator(范围验证) 输入是否在指定范围
RegularExpressionValidator(正则表达式验证) 正则表达式验证控件
CustomValidator(自定义验证) 自定义验证控件
ValidationSummary(验证总结) 总结验证结果
2、使用JS验证
JS验证,出现的比较早,也属于客户端验证,其灵活、适用的性能深得人们的喜好。
3、后台程序验证
尽管客户端验证比较灵活,但是其局限性也很明显,服务器端验证必不可少。
(1) 安全性 如若恶意攻击者,将客户端页面的验证控件和JS验证全部抹去,而服务器端又没有做出有效的验证处理,必将给攻击者带来很大的漏洞,其后果不堪设想。
(2) 客户端验证的局限性,比如用户注册,需要判定用户名是否存在,这个需要从数据库查询进行判定.
(3) 功能强大 各种验证功能都可以在这里实现。
缺点:增加服务器端负担
4、Ajax类的验证
这个结合了客户端验证和服务器端验证。因为使用ajax框架,性能上付出的代价较小,但是用户体验和编码的简易度提高了。

而在进行验证过程中,对于不同格式的验证,就需要强大灵活的正则表达式了。

使用正则表达式进行验证:
在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说,正则表达式就是记录文本规则的代码。

关于正则表达式的详细信息请查看:http://www.regexlab.com/zh/regref.htm

正则表达式用于字符串处理、表单验证等场合,实用高效,所以其应用非常广泛,下面我就通过几个例子来说明正则表达式在验证中的具体应用。

在这里我以验证电话号码的格式为例进行介绍。
<1>使用JS验证


复制代码 代码如下:

<asp:Button ID="Button2" runat="server" Text="测试" OnClientClick="return checkCellPhone();" OnClick="Button2_Click" />

验证手机的JS代码


复制代码 代码如下:

<script type="text/javascript">
function checkCellPhone()//验证手机
{
var mobile=document.getElementById ("tbMobile").value;
if(mobile!="")
{
var reg0=/^13\d{5,9}$/; //130--139。至少7位
var reg1=/^153\d{4,8}$/; //联通153。至少7位
var reg2=/^159\d{4,8}$/; //移动159。至少7位
var reg3=/^158\d{4,8}$/; //移动158。至少7位
if (reg0.test(mobile)||reg1.test(mobile)||reg2.test(mobile)||reg3.test(mobile))
{
return true;
}
else
{
alert("手机号格式错误!");
document.getElementById ("tbMobile").focus();
return false;
}
}
else
{
alert("手机号不能为空!");
document.getElementById ("tbMobile").focus();
return false;
}
}
</script>

当前1/2页 12下一页阅读全文

时间: 2008-09-18

支持ASP.NET MVC、WebFroM的表单验证框架ValidationSuar使用介绍

1.支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2.代码简洁 3.调用方便 4.功能齐全 使用方法: 新建初始化类,将所有需要验证的在该类进行初始化,语法相当简洁并且可以统一管理,写完这个类你的验证就完成了70% 函数介绍: Add 默认类型(邮件.手机.qq等) AddRegex 正则验证 在Add无法满足情部下使用 addFunc 使用js函数进行验证,一般用于业逻辑的验证 ,功能非常强大,可以满足各种验证(注意:add

asp.net 表单验证新思路

简要说明:随机验证某一项或几项.减少验证工作量. 复制代码 代码如下: public static int IntRound(int Max) { Random r = new Random(); int i = r.Next(0, Max); r = null; return i; } 复制代码 代码如下: int i=IntRound(8); if (Request.Form["txt" + i] != "") { } 也可以这样验证 (不过,要注意其他非正常表

详解ASP.NET MVC Form表单验证

一.前言 关于表单验证,已经有不少的文章,相信Web开发人员也都基本写过,最近在一个个人项目中刚好用到,在这里与大家分享一下.本来想从用户注册开始写起,但发现东西比较多,涉及到界面.前端验证.前端加密.后台解密.用户密码Hash.权限验证等等,文章写起来可能会很长,所以这里主要介绍的是登录验证和权限控制部分,有兴趣的朋友欢迎一起交流. 一般验证方式有Windows验证和表单验证,web项目用得更多的是表单验证.原理很简单,简单地说就是利用浏览器的cookie,将验证令牌存储在客户端浏览器上,co

Asp.net Mvc表单验证气泡提示效果

本文实例为大家分享了Asp.net Mvc表单验证的制作代码,供大家参考,具体内容如下 将ASP.NET MVC或ASP.NET Core MVC的表单验证改成气泡提示: //新建一个js文件(如:jquery.validate.Bubble.js),在所有要验证的页面引用 (function ($) { $("form .field-validation-valid,form .field-validation-error") .each(function () { var tip

微信小程序表单验证错误提示效果

微信小程序表单验证,点击确认发布不能为空错误提示,具体内容如下 以下是效果图: 代码如下: WXML: <view class="ad_popError" wx:if="{{popErrorMsg}}">{{popErrorMsg}}</view> <view class="ad_popFt"> <form bindsubmit="goDetail" > <textarea

jquery表单验证实例仿Toast提示效果

HTML内容部分 <div class="classname"> <label for="">请输入您的手机号码</label> <input type="text" id="MobilePhone"/> <input type="text" /> --> </div> 提示html及样式部分 <div id="e

jQuery 表单验证插件formValidation实现个性化错误提示

其效果图如下:使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 使用实例 一,包含文件部分 复制代码 代码如下: <script src="jquery.js" type="text/javascript"></script> <script src="jquery.validationEngine.js&

ASP动态生成的javascript表单验证代码

以网上down了一个ASP动态生成Form验证javascript的代码,自己扩容了一下.作者的大名我给忘了,不过我记得清楚,从第一条至第九条的代码都是该作者的原创.至于九至第十五条却是本人自己加的哦.而且由于本人水平有限,从第九条至第十五条不见得会条条生效啊?呵呵,其实把它贴在这里没有什么必要的,因为这点小会伎俩谁都会用的,我把它的作用定位为:开发时找不到该函数时到这里拷贝一下就可以了.呵,因为我即没有刻录机也没有移动硬盘.实在是没有办法把这些代码随身携带,不过还好,在北京到处都可以上网.所以

实用的JS表单验证提示效果

errMsg 是一个错误消息的数组,这样方便自定义,errName是对应错误信息元件名数组,这样可以非富自定义显示方式,FormValid.allName记录了所有有验证规则的字段名数级,在自定义中可以使用到. 表单验证提示效果 body{ color:#666666; font-size:12px} h1{ font-size:20px;} input{ border:#999999 1px solid; background-color:#FFFFEE} .button2{ backgrou

element 结合vue 在表单验证时有值却提示错误的解决办法

绑定的值与规则指定的值一定要相同------- 第一步: <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> 加上rules ref 第二部: <el-form-item label="活动名称" prop="na

详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑

还是表单验证的问题,发现如果表单内有使用BootStrap-select的下拉选框,在重置表单内容时,会触发对下拉选框的验证,并且验证的提示不会被清除,仍然会存在. 1.HTML结构 <form id="validatorForm"> ... <div class="form-group fieldValue-parDiv valideDiv"> <select name="directPicker" id=&quo