2015-01-27 2 views
0

Я использую плагин JQuery Validation 1.9.0 для проверки моих форм до их отправки.Отключить/включить событие onClick после проверки?

http://jqueryvalidation.org/

У меня есть код Google отслеживания событий на форме кнопки отправки в OnClick атрибутов, которые я не хочу стрелять, пока форма проверка не будет завершена, и форма на самом деле представляет иметь лучшую точность на данных Следы Google.

<button class="btn btn-primary" type="submit" onClick="ga('send', 'event', 'Form Submit', 'Button Click', 'A visitor has filled out the form.');">Submit</button> 

Что такое чистый способ, чтобы предотвратить функцию в OnClick атрибута от стрельбы после того, как форма проверка завершена форма будет представлять, но только до подачи он должен сгореть отслеживание га события кода.

ответ

2

Используйте submitHandler опционов $.validate вызова. Он активируется только в том случае, если форма действительна:

$(form).validate({ 
    //your usual stuff here 
    submitHandler: function(){ 
    ga('send', 'event', 'Form Submit', 'Button Click', 'A visitor has filled out the form.'); 
    } 
}); 
0

Вы должны стрелять событие аналитика по вашей форме представить события после проверки формы:

На вашей форме добавить onsubmit события:

<form onsubmit="submitMyForm(this);return false;">...</form> 

Лучше всего было бы сделать это в методе первым , Id имеет функцию в ваших формах onsubmit Лика это:

funtion submitMyForm(form) 
{ 
    if ($(form).valid()) 
    { 
     ga('send', 'event', 'Form Submit', 'Button Click', 'A visitor has filled out the form.'); 

     $(form).submit(); 
    } 
} 
+1

В библиотеке есть специальное мероприятие для обработки этого. – Ryley

Смежные вопросы