jquery submit form on button click code example

Example 1: jquery submit form

// It is simply
$('form').submit();

// However, you're most likely wanting to operate on the form data
// So you will have to do something like the following...
$('form').submit(function(e){
	// Stop the form submitting
  	e.preventDefault();
  	// Do whatever it is you wish to do
  	//...
  	// Now submit it 
    // Don't use $(this).submit() FFS!
  	// You'll never leave this function & smash the call stack! :D
  	e.currentTarget.submit();
});

Example 2: jquery enable submit button

//jQuery 1.6+ use:
$("#submitButtonID").prop('disabled', true); //disable 
$("#submitButtonID").prop('disabled', false); //enable

//jQuery 1.5 and below use:
$("#submitButtonID").attr('disabled','disabled'); //disable 
$("#submitButtonID").removeAttr('disabled'); //enable

Example 3: when a form is subbmited jquery

$("#myform").submit(function(e) {
 })

Example 4: jquery on form submit call function

$(document).ready(function() {
  $("your form selector here").submit(function() {


    // do the extra stuff here
    $.ajax({
     type: "POST",
      url: "mail.php",
      data: $(this).serialize(),
      success: function() {
        $('.simple-sucess').fadeIn(100).show();
        $('.contact_form').fadeOut(100).hide();
        $('.simple_error').fadeOut(100).hide();

       }
    })

  })
})

Example 5: jquery submit form

<input type='button' value='Submit form' onClick='submitDetailsForm()' />

<script language="javascript" type="text/javascript">
    function submitDetailsForm() {
       $("#formId").submit();
    }
</script>