submit form on click event using jquery

Question

So can someone please tell why neither of these options will actually submit the form   I am trying to do something more complicated but I have boiled it down to this to try and figure out why I can t seem to get this form to submit using a click event and submit     lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org TR xhtml1 DTD xhtml1-transitional dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head gt   lt meta http-equiv  Content-Type  content  text html  charset utf-8    gt   lt title gt Untitled Document lt  title gt   lt script type  text javascript  src  https   ajax googleapis com ajax libs jquery 1 4 jquery min js  gt  lt  script gt   lt script type  text javascript  gt    function            submitButton   click function e            e preventDefault                testForm   submit                    submitLink   click function e            e preventDefault                testForm   submit                 lt  script gt   lt  head gt    lt body gt   lt form action  javascript alert  submitted     method  post  id  testForm  gt       lt label gt Name lt  label gt       lt input type  text  name  name  value      gt       lt input type  submit  name  submit  value  Submit  id  submitButton    gt       lt p gt  lt a href     id  submitLink  gt Submit Form lt  a gt  lt  p gt   lt  form gt    lt  body gt   lt  html gt    Thank you

User · Answer

Using jQuery button click      button id   on  click  function             form id   submit

User · Answer

Why not simply use the submit button to run the code you want  If your function returns false  it will cancel the submission       testForm   submit function            Do Something        return false

User · Answer

it s because the name of the submit button is named  submit   change it to anything but  submit   try  submitme  and retry it   It should then work

User · Answer

Do you need to post the the form to an URL or do you only need to detect the submit-event  Because you can detect the submit-event by adding onsubmit  javascript alert  I do also submit       lt form action  javascript alert  submitted     method  post  id  testForm  onsubmit  javascript alert  I do also submit     gt     lt  form gt    Not sure that this is what you are looking for though

User · Answer

If you have a form action and an input type  submit  inside form tags  it s going to submit the old fashioned way and basically refresh the page   When doing AJAX type transactions this isn t the desired effect you are after   Remove the action   Or remove the form altogether  though in cases it does come in handy to serialize to cut your workload   If the form tags remain  move the button outside the form tags  or alternatively make it a link with an onclick or click handler as opposed to an input button   Jquery UI Buttons works great in this case because you can mimic an input button with an a tag element

[javascript] submit form on click event using jquery

Examples related to javascript

Examples related to jquery

Examples related to forms