From the example above, imagine clicking the Send Data button to submit the form using javascript. (Well, the above is just an example and doesn’t do a thing though). The issue is what’s the matter? Here are the solutions.

If you have a submit button visible in your form, do rename your Submit button. For example

<input type="Submit" name="submit" value="submit">

should be renamed to something like

<input type="Submit" name="SendForm" value="submit">

Notice the difference? The name is change in the property of the input type. Now how do you explain this phenomena?

This is a naming issue. forms have a method called ‘submit’, but if you give a form element the name ‘submit’ then javascript will not be able to find the .submit method, causing your .submit function to never fire.

Finally all is well once again. If you’re still clueless as to how to create a form using buttons and submitting it via javascript, remember to visit this post to learn all about it.