Javascript中怎么实现一个.NET验证控件功能

Javascript中怎么实现一个.NET验证控件功能,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

创新互联-专业网站定制、快速模板网站建设、高性价比温宿网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式温宿网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖温宿地区。费用合理售后完善,十载实体公司更值得信赖。

首先我们看看.NET验证控件,在页面上做了什么事情。

 

在页面上解析成:

 RequiredFieldValidator

验证控件在页面变为了一个隐藏的span,需要验证的时候,进行显示。

同时页面上出现了一些用于验证的脚步

 //   //   // 

我们通过构造类似的脚本进行控件验证

添加验证span

  *

该项不能为空//添加span,用于显示验证信息

添加脚本

 varIsSelectID='<%=cbSelect.ClientID%>';  vartxtUserName='<%=txtUserName.ClientID%>';  functionajusSelectValidator(checkbox,validatorID){  ajustValidator(checkbox,validatorID,txtUserName);  }   //Validator.Js  functionajustValidator(checkbox,validatorID,controltoHideID){  if(checkbox.checked){  register(validatorID,controltoHideID);  document.getElementById(controltoHideID).style.visibility="visible";  }  else{  removeValidator(validatorID);  document.getElementById(controltoHideID).style.visibility="hidden";  }  }  //添加验证关联  functionregister(validatorID,controltoValidateId){  Page_Validators.push(document.getElementById(validatorID));  varspan=document.getElementById(validatorID);  spanTest.controltovalidate=controltoValidateId;   span.errormessage="*该项不能为空";  span.display="Dynamic";  span.evaluationfunction="RequiredFieldValidatorEvaluateIsValid";  span.initialvalue="";  //spanTest.style.visibility="visible";  ValidatorOnLoad();  }  //取消验证关联  functionremoveValidator(validatorID){  varvalidator=document.getElementById(validatorID);  if(validator){  for(vari=0;i

PS:如果页面上没有验证控件的话,直接执行上面的代码会出错的,因为Page_Validators为null,直接往里面push为抛异常。所以用的时候,要加一个验证的控件。

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


文章标题:Javascript中怎么实现一个.NET验证控件功能
标题链接:http://azwzsj.com/article/jseoii.html