Javascript实现.NET的功能.docVIP

Javascript实现.NET的功能 在我们平时经常会遇到这样的一个问题：当我们选择checkbox时，希望验证一个控件，取消选择，隐藏并取消验证这个控件。如果完全使用服务器事件来实现此功能，肯定用户体现不好，所以我们可以使用javascript实现.net验证控件功能。 首先我们看看.NET验证控件，在页面上做了什么事情。 asp:TextBoxIDasp:TextBoxID=txtValidatorrunat=server/asp:TextBox? asp:RequiredFieldValidatorIDasp:RequiredFieldValidatorID=RequiredFieldValidator1runat=server ? ControlToValidate=txtValidatorErrorMessage=RequiredFieldValidator/asp:RequiredFieldValidator? 在页面上解析成： inputnameinputname=txtValidatortype=textid=Text1/? spanidspanid=Span1style=color:Red;visibility:hidden;RequiredFieldValidator/span? 验证控件在页面变为了一个隐藏的span，需要验证的时候，进行显示。 同时页面上出现了一些用于验证的脚步 scripttypescripttype=text/javascript? //![CDATA[ ? //验证控件的集合，当添加一个验证控件的时候，就会多一个item ? varPage_Validators=newArray(document.getElementById(RequiredFieldValidator1)); ? //]]? /script? scripttypescripttype=text/javascript? //![CDATA[ ? varRequiredFieldValidator1=document.all?document.all[RequiredFieldValidator1]:document.getElementById(RequiredFieldValidator1);//找到验证控件 ? RequiredFieldValidator1.controltovalidate=txtValidator;//绑定需要验证的控件 ? RequiredFieldValidator1.errormessage=RequiredFieldValidator;//显示未验证通过的错误信息 ? RequiredFieldValidator1.evaluationfunction=RequiredFieldValidatorEvaluateIsValid;//用于验证的方法 ? RequiredFieldValidator1.initialvalue=; ? //]]? /script? scripttypescripttype=text/javascript? //![CDATA[ ? varPage_ValidationActive=false; ? if(typeof(ValidatorOnLoad)==function){ ? ValidatorOnLoad(); ? } ? functionValidatorOnSubmit(){ ? if(Page_ValidationActive){ ? returnValidatorCommonOnSubmit(); ? } ? else{ ? returntrue; ? } ? } ? //]]? /script? 我们通过构造类似的脚本进行控件验证 添加验证span asp:CheckBoxIDasp:CheckBoxID=cbSelectrunat=serverText=选择onclick=ajusSelectValidator(this,spantxtUserName)/? asp:TextBoxIDasp:TextBoxID=txtUserNamerunat=server/asp:TextBox? spanidspanid=spantxtUserNamestyle=color:Red;display:none;*? 该项不能为空/span//添加span,用于显示验证信息 添加脚本 scriptlanguagescriptlanguage=javascripttype=text/javascript? varIsSelectID=%=cbSelect.ClientID%; ? vartxtUserName=%=txtUserName.Client