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 load上加载所有验证脚本，或者如果有人可以建议更好的方法。

Answer 1

试试这个

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

在Div负载上加载验证

1 个答案: