How to submit form data in the same page in WordPress without reloading the page?

Your jQuery event is bound to elements with the class submit, but your submit button in the form doesn’t have that class.

Either add that class to the submit button, or just target the form itself. Simply change

$(".button").click(function() {

to

$("#modalForm").submit(function() {

This will fire when the form is submitted, whether the user clicks the submit button or simply hits enter in a text field.

Related Posts:

  1. jQuery AJAX submit form
  2. FormData append not working
  3. How to use get_option() without any filter?
  4. How to display something in a div when the user clicks on a text in another div – no page refresh [closed]
  5. window resizing problem
  6. Load MediaPlayerElement after Infinity Scroll loads more posts
  7. How to add a do_action on refreshing of WP customizer?
  8. How to display contact form 7 form in vanilla js without jquery in frontend
  9. WordPress Customizer: Check for value of CSS selector and replace it
  10. WordPress Ajaxifying not working properly
  11. Prevent posts from being published if the ‘Uncategorized’-category or no category is selected
  12. How to make Contact Form 7 work when injected via AJAX in WordPress?
  13. class click counter save number
  14. How can I defer these JS files?
  15. Ajax Modal Flickers When Opened Multiple Times
  16. Create simple Cookie Box for WordPress
  17. Ajax not working properly
  18. AJAX request status 200 but no actual “response”
  19. how to add custom css and js on wordpress post editor directly without using .php file
  20. Correct way to write jQuery functions in WordPress
  21. Form isn’t inserting data into database with ajax plugin
  22. Load more posts with multiple queries
  23. Using Fullscreenr with a wordpress blog – weird bug
  24. Javascript Solution Remove Specific Tag but leave the rest in a specific DIV
  25. splitting the URL using jQuery
  26. Understrap child theme JS not working in custom-javascript.js file
  27. Adding custom field in all widgets, but at the top of the form, in admin area
  28. Ajax loaded form replaces form action with Ajax url
  29. prevent default not stopping page refresh. Passing form information to and from php with ajax in a wordpress site
  30. Scripts not appending to element in AJAX call – why?
  31. Viewing checkout page removes fees from mini cart
  32. Save Search System
  33. dynamic dependent select dropdown
  34. Refresh Markercluster after ajax call
  35. Include custom JS without child theme
  36. Custom search to display results within same page
  37. WooCommerce Ajax Cart Update Stopped Working
  38. How can I display a PHP foreach loop’s answers by AJAX
  39. How Can I Move Data From Form 1 To Form 2
  40. How to Dynamically Load Content Into Body of Bootstrap Modal Window?
  41. How to search using ajax for exact phrase or words in an input field?
  42. Menu jumping when calling it via PHP
  43. Setting value of session with Ajax not working
  44. Frontend Post with JQuery AJAX to Php Issue
  45. How do I pass the id of my widget to javascript in the form function?
  46. AJAX not Working with php as supposed
  47. Trouble with WordPress Ajax Login System – 302
  48. Show success or error messages in Ajax response to WordPress custom registration form
  49. How to add a Custom Mailchimp AJAX Newsletter Subscribe Form
  50. Fancybox type popup window that’s not an iframe
  51. videopress videos are not displayed when loading the content with ajax in a lightbox
  52. How do I Import / Upload Files with jQuery AJAX?
  53. WordPress admin-ajax.php 400 bad request
  54. WordPress Ajax Call inserting data but success response false
  55. Custom Login Process
  56. How to return multiple arguments from AJAX callback function
  57. AJAX fileupload – TypeError: not a function ajaxSubmit()
  58. Ajax contact form return 0
  59. url – ajax loaded but no JS
  60. Ajax form submit not working, returns 0
  61. Why use admin-ajax.php when loading pages through AJAX?
  62. wordpress add_action() issue in ajax call
  63. Using admin-ajax prevents regular php form submission
  64. Ajax Validation for reCaptcha
  65. Properly embed javascript into WP (using function.php) – doesn’t work?
  66. WordPress : using AJAX to get posts & Sidebar Content to an external application
  67. Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
  68. Saving contact form 7 data into custom Table
  69. coding a WordPress AJAX Form using PHP to check if User is Logged Out and Show error
  70. Loading two different AJAX requests on two different pages
  71. wp_mail doesn’t work when logged in?
  72. Ajax search shows all results when user empties input?
  73. Why i can’t get custom fields value or post ID via Ajax?
  74. Output multi-steps form results in same page
  75. Woocommerce custom checkout form
  76. Submitting a form, using Ajax, to run a SQL Select query based on user input from the form
  77. Call current post URL in ajax
  78. Required radio button does not validate in form, when clicked through Javascript/jQuery
  79. Upload a web module (html and JS) to wordpress
  80. Custom login and registration forms
  81. Custom AJAX form not working async
  82. Can’t add classes using jQuery from a JSON string with get_body_class()
  83. AJAX Success Function using JS substr() fails in WP 4.1 vs 4.0
  84. Accessing an API with jQuery and AJAX
  85. How to add WordPress JS Script Links
  86. Showing Meta Box via Jquery Checkbox
  87. Custom Form not generating URL
  88. Is there some jQuery conflict here?
  89. custom css and javascript not working on page defined as template?
  90. Call javascript functions from each page
  91. Using jQuery .after inside loop
  92. Using AJAX to run SQL statement and populate dropdown
  93. Converting a working AJAX form to work with WordPress
  94. Change Query Arguments (filter) with jQuery/Ajax or PHP?
  95. Ajax page load in wordpress the right way?
  96. Problem with custom function from jQuery slider tutorial
  97. jQuery forms & updating info
  98. wp_enqueue_script JS code runs too late (after user begins interacting)
  99. How do I make Dynamic Student Admission Form?
  100. Using Ajax to submit a form, and run a SQL Select query based on user input from the form