How to submit an HTML Form using JQuery

No Comments

For example you have a form with id “myform

<form id="myform" action="submit.php">
  <input type="text" value="This is a test form" />
  <input type="button" id="mybutton" value="Save" />
</form>

Now  when the button with id “mybutton” is clicked we want to submit the form using the JQuery submit() function which executes each time the specified event is triggered. The code looks like the below 

<script type="texxt/javascript">
$('#mybutton').click(function() {
  $('#myform').submit();
});
 
</script>

Now whenever the Button with  id “mybutton is clicked the form will submit to the submit.php page.

Image Credits: Photo by Isis França on Unsplash.

Last Updated On March 21, 2018

Related Articles

No results found

Leave a Reply

avatar
  Subscribe  
Notify of
Menu
Copy link