javascript - 验证后禁用/启用 onClick 事件？

Question

我正在使用 Jquery Validation 1.9.0 插件在提交表单之前对其进行验证。

http://jqueryvalidation.org/

我在 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 属性内的函数的干净方法，一旦表单验证完成，表单将提交，但在提交之前应该触发 ga 事件跟踪代码。

Answer 1

使用submitHandler $.validate 调用的选项。仅当表单有效时才会触发:

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