Asp.Net中验证控件简单分析

为了实现验证，.net提供了一个javascript脚本，当我们生成一个asp.net页面时，通过查看页面源代码的方式，会发现都调用了下面一个javascript文件：
<script src="WebResource.axd" type="text/javascript"> </script>
asp.net的大部分验证都是通过这个文件进行的，下面我就以一个最简单的必入项验证控件来说明一下：

第一步：
当进入页面时首先赋值：var Page_Validators = new Array(document.getElementById("RequiredFieldValidator1"));
然后会根据这个变量的值遍历进行验证，
接着调用ValidatorOnLoad方法，然后在这个方法中调用ValidatorHookupControlID，ValidatorHookupControl，ValidatorHookupEvent

最主要是在ValidatorHookupEvent中给控件加载事件
eval("control." + eventType + " = func;");

比如onblue，onkeypress，onchange等事件

接下来根据加载的事件当事件发生时调用对应的方法

第二步：
当用户输入时调用ValidatedTextBoxOnKeyPress，主要是用来判断用户是否输入了回车键，如果是的话触发验证

第三步：
当用户输入回车或者离开焦点时调用以下方法进行验证：
ValidatorOnChange，ValidatorValidate，IsValidationGroupMatch，RequiredFieldValidatorEvaluateIsValid，ValidatorGetValue，
ValidatorTrim，ValidatorUpdateDisplay，ValidatorUpdateIsValid，AllValidatorsValid
主要就是根据用户的输入进行判断，决定是否显示错误信息：val.style.display = val.isvalid ? "none" : "inline";

附修改后的带有一个必入项验证的页面源码(将WebResource.axd文件中相应的方法都移到本页面了)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题页

</title></head>

<body>

<form>

<div>

</div>

<div>

<span id="RequiredFieldValidator1" style="color:Red;display:none;">RequiredFieldValidator</span></div>

<!--

//页面加载时执行的方法

var Page_ValidationVer = "125";

var Page_IsValid = true;

var Page_BlockSubmit = false;

var Page_InvalidControlToBeFocused = null;

function ValidatorOnLoad() {

if (typeof(Page_Validators) == "undefined")

return;

var i, val;

for (i = 0; i < Page_Validators.length; i++) {

val = Page_Validators[i];

if (typeof(val.evaluationfunction) == "string") {

eval("val.evaluationfunction = " + val.evaluationfunction + ";");

}

if (typeof(val.isvalid) == "string") {

if (val.isvalid == "False") {

val.isvalid = false;

Page_IsValid = false;

}

else {

val.isvalid = true;

}

} else {

val.isvalid = true;

}

if (typeof(val.enabled) == "string") {

val.enabled = (val.enabled != "False");

}

if (typeof(val.controltovalidate) == "string") {

ValidatorHookupControlID(val.controltovalidate, val);

}

if (typeof(val.controlhookup) == "string") {

ValidatorHookupControlID(val.controlhookup, val);

}

Page_ValidationActive = true;

}

function ValidatorHookupControlID(controlID, val) {

if (typeof(controlID) != "string") {

return;

}

var ctrl = document.getElementById(controlID);

if ((typeof(ctrl) != "undefined") && (ctrl != null)) {

ValidatorHookupControl(ctrl, val);

}

else {

val.isvalid = true;

val.enabled = false;

}

function ValidatorHookupControl(control, val) {

if (typeof(control.tagName) != "string") {

return;

}

if (control.tagName != "INPUT" && control.tagName != "TEXTAREA" && control.tagName != "SELECT") {

var i;

for (i = 0; i < control.childNodes.length; i++) {

ValidatorHookupControl(control.childNodes[i], val);

}

return;

}

else {

if (typeof(control.Validators) == "undefined") {

control.Validators = new Array;

var eventType;

if (control.type == "radio") {

eventType = "onclick";

} else {

eventType = "onchange";

if (typeof(val.focusOnError) == "string" && val.focusOnError == "t") {

ValidatorHookupEvent(control, "onblur", "ValidatedControlOnBlur(event); ");

}

ValidatorHookupEvent(control, eventType, "ValidatorOnChange(event); ");

if (control.type == "text" ||

control.type == "password" ||

control.type == "file") {

ValidatorHookupEvent(control, "onkeypress",

"if (!ValidatedTextBoxOnKeyPress(event)) { event.cancelBubble = true; if (event.stopPropagation) event.stopPropagation(); return false; } ");

}

control.Validators[control.Validators.length] = val;

}

function ValidatorHookupEvent(control, eventType, functionPrefix) {

var ev;

eval("ev = control." + eventType + ";");

if (typeof(ev) == "function") {

ev = ev.toString();

ev = ev.substring(ev.indexOf("{") + 1, ev.lastIndexOf("}"));

}

else {

ev = "";

}

var func;

if (navigator.appName.toLowerCase().indexOf('explorer') > -1) {

func = new Function(functionPrefix + " " + ev);

}

else {

func = new Function("event", functionPrefix + " " + ev);

}

eval("control." + eventType + " = func;");

}

//按键事件

function ValidatedTextBoxOnKeyPress(event) {

if (event.keyCode == 13) {

ValidatorOnChange(event);

var vals;

if ((typeof(event.srcElement) != "undefined") && (event.srcElement != null)) {

vals = event.srcElement.Validators;

}

else {

vals = event.target.Validators;

}

return AllValidatorsValid(vals);

}

return true;

}

//离开焦点依次执行以下方法

function ValidatorOnChange(event) {

if (!event) {

event = window.event;

}

Page_InvalidControlToBeFocused = null;

var targetedControl;

if ((typeof(event.srcElement) != "undefined") && (event.srcElement != null)) {

targetedControl = event.srcElement;

}

else {

targetedControl = event.target;

}

var vals;

if (typeof(targetedControl.Validators) != "undefined") {

vals = targetedControl.Validators;

}

else {

if (targetedControl.tagName.toLowerCase() == "label") {

targetedControl = document.getElementById(targetedControl.htmlFor);

vals = targetedControl.Validators;

}

var i;

for (i = 0; i < vals.length; i++) {

ValidatorValidate(vals[i], null, event);

}

ValidatorUpdateIsValid();

}

function ValidatorValidate(val, validationGroup, event) {

val.isvalid = true;

if ((typeof(val.enabled) == "undefined" || val.enabled != false) && IsValidationGroupMatch(val, validationGroup)) {

if (typeof(val.evaluationfunction) == "function") {

val.isvalid = val.evaluationfunction(val);

if (!val.isvalid && Page_InvalidControlToBeFocused == null &&

typeof(val.focusOnError) == "string" && val.focusOnError == "t") {

ValidatorSetFocus(val, event);

}

ValidatorUpdateDisplay(val);

}

function IsValidationGroupMatch(control, validationGroup) {

if ((typeof(validationGroup) == "undefined") || (validationGroup == null)) {

return true;

}

var controlGroup = "";

if (typeof(control.validationGroup) == "string") {

controlGroup = control.validationGroup;

}

return (controlGroup == validationGroup);

}

function RequiredFieldValidatorEvaluateIsValid(val) {

return (ValidatorTrim(ValidatorGetValue(val.controltovalidate)) != ValidatorTrim(val.initialvalue))

}

function ValidatorGetValue(id) {

var control;

control = document.getElementById(id);

if (typeof(control.value) == "string") {

return control.value;

}

return ValidatorGetValueRecursive(control);

}

function ValidatorTrim(s) {

var m = s.match(/^\s*(\S+(\s+\S+)*)\s*$/);

return (m == null) ? "" : m[1];

}

function ValidatorUpdateDisplay(val) {

if (typeof(val.display) == "string") {

if (val.display == "None") {

return;

}

if (val.display == "Dynamic") {

val.style.display = val.isvalid ? "none" : "inline";

return;

}

if ((navigator.userAgent.indexOf("Mac") > -1) &&

(navigator.userAgent.indexOf("MSIE") > -1)) {

val.style.display = "inline";

}

val.style.visibility = val.isvalid ? "hidden" : "visible";

}

function ValidatorUpdateIsValid() {

Page_IsValid = AllValidatorsValid(Page_Validators);

}

function AllValidatorsValid(validators) {

if ((typeof(validators) != "undefined") && (validators != null)) {

var i;

for (i = 0; i < validators.length; i++) {

if (!validators[i].isvalid) {

return false;

}

return true;

}

var Page_Validators = new Array(document.getElementById("RequiredFieldValidator1"));

// -->

</script>

<!--

var RequiredFieldValidator1 = document.all ? document.all["RequiredFieldValidator1"] : document.getElementById("RequiredFieldValidator1");

RequiredFieldValidator1.controltovalidate = "TextBox1";

RequiredFieldValidator1.errormessage = "RequiredFieldValidator";

RequiredFieldValidator1.display = "Dynamic";

RequiredFieldValidator1.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";

RequiredFieldValidator1.initialvalue = "";

// -->

</script>

<div>

</div>

<!--

var Page_ValidationActive = false;

if (typeof(ValidatorOnLoad) == "function") {

ValidatorOnLoad();

}

// -->

</script>

</form>

</body>

</html>

本文转自永春博客园博客，原文链接：http://www.cnblogs.com/firstyi/archive/2007/03/28/691061.html，如需转载请自行联系原作者

Asp.Net中验证控件简单分析相关推荐

ASP.NET中验证控件的使用
前言: 前几日,无奈用JS判断控件的有效性,发现的确是一件费力.费神的事情!特别是针对邮件格式.邮政编码等的关于正则表达式的JS验证(其中涉及正则表达式的比较等,较烦~).其实对于这些常用的控件有效性 ...
asp.net中验证控件的使用方法
用于检查是否有输入值 :RequiredFieldValidator(必须字段验证) 按设定比较两个输入 :CompareValidator(比较验证) 输入是否在指定范围 :RangeValidat ...
android中倒计时控件CountDownTimer分析
android中倒计时控件CountDownTimer分析1 示例代码 new CountDownTimer(10000, 1000) {public void onTick(long millisU ...
asp.NET中 treeview 控件的使用
asp.NET中 treeview 控件的使用 treeview控件实现点击Node,弹出相应WebUserControl画面所需控件 treeview控件 WebUserControl,web用户 ...
asp.net中HTML控件和web控件的简单理解
前言在学习视频的时候,讲解者一会儿使用HTML控件,一会儿使用web控件,有一种很迷糊的感觉,他俩到底有什么区别呢,作为一个初学者,有必要分析一下. 概念 HTML控件是客户端控件,响应客户端事件, ...
NET中验证控件表达式汇总
ASP.NET为开发人员提供了一整套完整的服务器控件来验证用户输入的信息是否有效.这些控件如下: 1.RequiredFieldValidator:验证一个必填字段,如果这个字段没填,那么,将不能提交 ...
ASP.NET对验证控件的一些整理(一)
这段时间可能就比较清闲了,就过来总结一下这段时间的收获! 最近做的一个项目里面验证控件用的比较多,觉得比JS的验证好用多了,而且用户体验效果也好! 常用的几个验证控件 Validation 服务器控件 ...
asp.net 数据验证控件的使用实例
操作题1 请为Zootopia 的居民,设计一个身份认证网站,使每位居民拥有合法身份.要求注册页面如下中至少包含下图中的相关信息,并实现相应的验证功能. [要求]: 1. 网站包含登录页面Login. ...
ASP.NET六大验证控件
六大验证控件为: RequiredFieldValidtor:必须验证字段 CompareValidator:比较验证 RangeValidator:范围验证 RegularExpressionVal ...

Asp.Net中验证控件简单分析

Asp.Net中验证控件简单分析相关推荐

最新文章

热门文章