Javascript实现.NET的功能.doc

Javascript实现.NET的功能在我们平时经常会遇到这样的一个问题：当我们选择checkbox时，希望验证一个控件，取消选择，隐藏并取消验证这个控件。如果完全使用服务器事件来实现此功能，肯定用户体现不好，所以我们可以使用javascript实现.net验证控件功能。首先我们看看.NET验证控件，在页面上做了什么事情。1. 2. 在页面上解析成：4. 5. RequiredFieldValidator验证控件在页面变为了一个隐藏的span，需要验证的时候，进行显示。同时页面上出现了一些用于验证的脚步6. 7. /11. 12. 13. /20. 21. 22. /36. 我们通过构造类似的脚本进行控件验证添加验证span37. 38. 39. *该项不能为空/添加span,用于显示验证信息添加脚本40. 41. varIsSelectID=; 42. vartxtUserName=; 43. functionajusSelectValidator(checkbox,validatorID) 44. ajustValidator(checkbox,validatorID,txtUserName); 45. 46. 47. /Validator.Js 48. functionajustValidator(checkbox,validatorID,controltoHideID) 49. if(checkbox.checked) 50. register(validatorID,controltoHideID); 51. document.getElementById(controltoHideID).style.visibility=visible; 52. 53. else 54. removeValidator(validatorID); 55. document.getElementById(controltoHideID).style.visibility=hidden; 56. 57. 58. /添加验证关联 59. functionregister(validatorID,controltoValidateId) 60. Page_Validators.push(document.getElementById(validatorID); 61. varspan=document.getElementById(validatorID); 62. spanTest.controltovalidate=controltoValidateId; 63. 64. span.errormessage=*该项不能为空; 65. span.display=Dynamic; 66. span.evaluationfunction=RequiredFieldValidatorEvaluateIsValid; 67. span.initialvalue=; 68. /spanTest.style.visibility=visible; 69. ValidatorOnLoad(); 70. 71. /取消验证关联 72. functionremoveValidator(validatorID) 73. varvalidator=document.getElementById(validatorID); 74. if(validator) 75. for(vari=0;iPage_Validators.length;i+) 76. if(Page_Validatorsi=validator) 77. Page_Validators.splice(i,1); 78. i-; 79. 80. 81. validator.style.display=none; 82. ValidatorOnLoad(); 83. 84.