Загрузка проверок на Div load

Question

У меня есть несколько Div на моей странице (с использованием панели обновления), только один видимый одновременно.в третьем 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" 
});