Title: [Plugin: Ninja Forms Pro] Adding Javascript onSubmit action with Ajax forms
Last modified: August 20, 2016

---

# [Plugin: Ninja Forms Pro] Adding Javascript onSubmit action with Ajax forms

 *  [pidginbil](https://wordpress.org/support/users/pidginbil/)
 * (@pidginbil)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-ninja-forms-pro-adding-javascript-onsubmit-action-with-ajax-forms/)
 * I’m currently configured to “Submit via Ajax.” which is my preferred user experience.
   This means that I need to add a javascript onsubmit action to call Google analytics
   to track successful submissions in my goal funnel.
 * If its possible to add an onsubmit action to the Ninja Forms Lite form tag, how
   do I do it?
 * If it isn’t possible, do I have any alternatives to deselecting “sumbit via Ajax”
   and creating a “success” page?
 * [http://wordpress.org/extend/plugins/ninja-forms/](http://wordpress.org/extend/plugins/ninja-forms/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Kevin Stover](https://wordpress.org/support/users/kstover/)
 * (@kstover)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-ninja-forms-pro-adding-javascript-onsubmit-action-with-ajax-forms/#post-2677248)
 * Hey pidginbil,
 * You can do that in your own JS file, you just want to add an action to the “onclick”
   event of the submit button ID for your form.
 *  Thread Starter [pidginbil](https://wordpress.org/support/users/pidginbil/)
 * (@pidginbil)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-ninja-forms-pro-adding-javascript-onsubmit-action-with-ajax-forms/#post-2677405)
 * Thanks Kevin … I’m a little bit outside my comfort zone with JavaScript, so please
   help me out a bit if you can.
 * button field ID: 9
    Using Inspect element, the Button HTML is:
 * > <input id=”ninja_submit” name=”ninja_submit” type=”submit” value=” Submit ”
   > class=” “>
 * the JavaScript I’d like to call is for google analytics:
 * > onsubmit=”pageTracker._trackPageview(‘/pagename’); return false;”
 * Where pageTracker._trackPageview is defined elsewhere on the page:
 * > <script type=”text/javascript”>
   >  var pageTracker = _gat._getTracker(“UA-######-#”);
   > pageTracker._initData(); pageTracker._trackPageview(); </script>
 * I do know how to add a javascript snippet to a wordpress page. What this untrained
   noob don’t understand is how to wrap the onsubmit event in a way that ties it
   to the button ID.
 * Thanks
 * BILL

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘[Plugin: Ninja Forms Pro] Adding Javascript onSubmit action with Ajax
forms’ is closed to new replies.

 * ![](https://ps.w.org/ninja-forms/assets/icon-256x256.png?rev=1649747)
 * [Ninja Forms - The Contact Form Builder That Grows With You](https://wordpress.org/plugins/ninja-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ninja-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ninja-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/ninja-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ninja-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ninja-forms/reviews/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [pidginbil](https://wordpress.org/support/users/pidginbil/)
 * Last activity: [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-ninja-forms-pro-adding-javascript-onsubmit-action-with-ajax-forms/#post-2677405)
 * Status: not resolved