JQuery Validate форма - окно FancyBox onsubmit огонь

Question

Onsubmit Я хочу стрелять FancyBox всплывающее окно

Мне нужно только, чтобы показать FancyBox всплывающее окно, как только форма VALIDATED (используется JQuery Validate)

кажется, всплывающее FancyBox всплывающее окно только когда форма не заполнена правильно!

http://gloss-hair.com/old/owl/OWLFORM.html

Я не знаю, как загрузить функцию всплывающего FancyBox только после того, как форма проверенную:

<script type="text/javascript"> 
$().ready(function() { 
    // validate the competition form when it is submitted 
    $("#ie9_competition").validate({ 
     errorPlacement: function (error, element) { 
      if (element.is(":checkbox")) { 
       error.appendTo(element.closest('div')); 
       } 
      else { 
       error.insertAfter(element.parent().find("label"));   
       } 
      }, 
     rules: {    
      sEmail: { 
       required: true, 
       email: true 
      }, 

     } 
    });   
}); 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".fancybox4").fancybox({ 
      'hideOnContentClick': true 
     }); 
    }); 
</script> 

Answer 1

Попробуйте как этот

$().ready(function() { 
     // validate the competition form when it is submitted 
     $("#ie9_competition").validate({ 
      errorPlacement: function (error, element) { 
       if (element.is(":checkbox")) { 
        error.appendTo(element.closest('div')); 
        } 
       else { 
        error.insertAfter(element.parent().find("label"));   
        } 
       }, 
      rules: {    
       sEmail: { 
        required: true, 
        email: true 
       }, 

      },   
      submitHandler: function(form){ 

       jQuery('.fancybox4').trigger('click'); 

      } 
     });   
    }); 

Тогда удалите событие onsubmit из тега формы. Так что ваша форма тег как

<form id="ie9_competition" method="post"> 

Answer 2

JQuery Validation плагин позволяет определить submitHandler, который выполняет если форма действительна:

submitHandler: function(form){ 
    form.submit(); // submit the form 
    // code to show your fancybox here 
} 

Ваш Validate() код будет выглядеть следующим образом:

$("#ie9_competition").validate({ 
errorPlacement: function (error, element) { 
    if (element.is(":checkbox")) { 
    error.appendTo(element.closest('div')); 
    } else { 
    error.insertAfter(element.parent().find("label"));   
    } 
}, 
rules: {    
    sEmail: { 
    required: true, 
    email: true 
    } 
}, 
submitHandler: function(form){ 
    form.submit(); // submit the form 
    // code to show your fancybox here 
} 
}); 

Вы можете увидеть все возможные варианты для Validate() метод здесь: http://docs.jquery.com/Plugins/Validation/validate#toptions