建立一个简单的网页,一个文本框,一个按钮,一个禁止空白的验证控件.网页打开时,传到客户端有三个文件,我们用M表示主页,W1表示从1,W2表示从2,网页的执行过程如下:
先设置变量theForm为页面的表单
var theForm = document.forms['form1'];
if (!theForm)
theForm = document.form1;
为什么用两种方法呢?因为在netscape中不支持document.form1的方式,也有这样的写法
if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
theform = document.forms["Form1"];
else
theform = document.Form1;
在我系统中,只有IE,因此这段代码可简化为
var theForm = document.forms['form1'];
接着转到附带的两个JS文件中执行变量的赋值及初使的代码
W1
var __pendingCallbacks = new Array();
var __synchronousCallBackIndex = -1;
//判断是不是IE,是IE,返回false,变量的本意是"不是微软DOM浏览器"
var __nonMSDOMBrowser = (window.navigator.appName.toLowerCase().indexOf('explorer') == -1);
var __theFormPostData = "";
var __theFormPostCollection = new Array();
var __disabledControlArray = new Array();
var __defaultFired = false;
W2
var Page_ValidationVer = "125";
var Page_IsValid = true;
var Page_BlockSubmit = false;
var Page_InvalidControlToBeFocused = null;
再回到主页继续执行
//定义数组变量为本页的验证控件组
var Page_Validators = new Array(document.getElementById("RequiredFieldValidator1"));
//定义变量为本页的验证控件,netscape不支持document.all,因此还要用document.getElementById
var RequiredFieldValidator1 = document.all ? document.all["RequiredFieldValidator1"] :
document.getElementById("RequiredFieldValidator1");
//验证控件的一些属性,JS中属性是可以随时增加的
RequiredFieldValidator1.controltovalidate = "TextBox1";
RequiredFieldValidator1.errormessage = "RequiredFieldValidator";
RequiredFieldValidator1.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
RequiredFieldValidator1.initialvalue = "";
var Page_ValidationActive = false;
//如果ValidatorOnLoad是函数的话,则执行该函数.这种写法在以下出现过很多次.
if (typeof(ValidatorOnLoad) == "function")
ValidatorOnLoad();
接着跳转到W2中执行ValidatorOnLoad.它的作用就是在装载时就“挂钩”.
function ValidatorOnLoad()
![]()
}
以上子程序是完成对页面所有验证控件的参数进行正确的设置，其中有一段代码，想法太利害了：
if (typeof(val.evaluationfunction) == "string")
eval("val.evaluationfunction = " + val.evaluationfunction + ";");
如果验证控件的某个属性还是字符串的话，则用eval对其进行设置，使其变成指向这个函数。这样，我们在设置属性时，可以使用字符串，而实际中又转为指向该名称的函数。后面的几个也使用了类似的代码来实现对属性的设置。
evaluationfunction：？用于计算待验证控件的值，前面有赋string类型的值
isvalid：返回待验证控件是否符合要求
enabled：验证控件是否激活
controltovalidate：侍验证的控件，前面有赋string类型的值
controlhookup：？
由于isvalid之前没有赋值，因此代码是走到else的，val.isvalid = true;，即默认是符合要求的，而之前，我们也有对Page_IsValid设为true，即整个页面也是符合要求的。
enabled也是没有赋值，这里就跳过，可能靠控件的默认值来保证它是true的。如果有赋一个字符串的值的话，
(val.enabled != "False") 则是为"true"时返回true，为"False"时返回false。
这里有一个子程序ValidatorHookupControlID，它的入口参数是待验证的控件名（字符串型），与验证控件本身（对象）。
function ValidatorHookupControlID(controlID, val)
![]()
}
这里又引出“挂钩”函数ValidatorHookupControl
function ValidatorHookupControl(control, val)
![]()
}
还有修改某个控件的某个事件处理程序
function ValidatorHookupEvent(control, eventType, functionPrefix)
![]()
}
这些执行完成后，页面也就装载好了。
未完，待继