How can I put a function call on a button that pops up a submit form?

Asked Apr 14 '21 at 14:46

Active Apr 14 '21 at 14:48

Viewed 19 times

How can I put fbq('track', 'CompleteRegistration'); on a button that pops up a submit form?

<form role="form" id="contactForm" data-toggle="validator" class="shake">
  <div class="fieldset">
    <div class="title">Name*</div>
    <div class="field"><input type="text" id="name" required /></div>
    <div class="clear"></div>
  </div>
  <div class="fieldset">
    <div class="title">Mobile Number*</div>
    <div class="field"><input type="tel" id="contact" required /></div>
    <div class="clear"></div>
  </div>
  <div class="fieldset">
    <div class="title">E-mail</div>
    <div class="field"><input type="email" id="email" placeholder="(Optional!)" /></div>
    <div class="clear"></div>
  </div>
  <input type="submit" id="form-submit" value="Send Now" class="submit" />
  <div id="msgSubmit" class="h3 text-center hidden">
  </div>
  <div class="clear"></div>

edited Apr 14 '21 at 14:48

Mr. Polywhirl

42,981
12
84
132

asked Apr 14 '21 at 14:46

Matteu Naga

Could you clarify? I do not see any function called `fbq` in your example above. – Mr. Polywhirl Apr 14 '21 at 14:50
Use event delegation: `$(document).on("click", "button-selector", function() { fbq(...); })` – freedomn-m Apr 14 '21 at 14:53
thank you so much. you guys so awesome – Matteu Naga Apr 14 '21 at 16:30
I have a question to ask, why when someone presses a button even if it does not fill out the event form it is still recorded. How to track event 'CompleteRegistration' only. – Matteu Naga Apr 16 '21 at 03:42
$("#contactForm").validator().on("submit", function (event) { fbq('track', 'CompleteRegistration'); if (event.isDefaultPrevented()) { // handle the invalid form... – Matteu Naga Apr 16 '21 at 03:44

How can I put a function call on a button that pops up a submit form?

0 Answers0