对 Div 加载进行加载验证

Question

我的页面上有多个 Div（使用 updatepanel），一次只能看到一个。在第三个 div 上，我必须使用 jquery 实现验证。

---

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery("#btn_Save").live("click", function () {
               jQuery("#form1").validate({
                   rules: {
                       '<%= txtUsername.ClientID %>': {
                           minlength: 2,
                           required: true
                       },
                       '<%= txtEmail.ClientID %>': {
                           required: true,
                           email: true
                       }
                   }, messages: {}
               });

               var prm = Sys.WebForms.PageRequestManager.getInstance();
               prm.add_initializeRequest(onEachRequest);
           });

       function onEachRequest(sender, args) {
           if (jQuery("#form1").valid() == false) {
               args.set_cancel(true);
           }
       }

    </script>      

和 在页面底部：

</form>
    <script type="text/javascript">
        function pageLoad() {
            fn_init();
        }
    </script>
</body>    

---

现在，验证脚本在页面加载时加载，并且在 div 可见时（单击某些按钮时）不会触发。所以我需要在 div 加载时加载所有验证脚本，或者如果有人可以建议更好的方法。

Answer 1

试试这个

$("#form1").validate({ 
   ignore: ":hidden" 
});