jQuery Tutorial Tutorials - jQuery .submit() method

The .submit() method in jQuery is used to bind an event handler to the submit event on the elements.

You can prevent the default submit actions by calling .preventDefault() on the event object or by returning false in the handle function.

The .submit() method is also used to trigger the submit event on an element.

jQuery .submit() method Syntax

.submit()
.submit(handler)
.submit(eventData,handler)

jQuery .submit() method Example

example

Submit the first form on the page

$("form:first").submit();

example

prevent forms from being submitted

$("form").submit( function () {
    return false;
} );

example

Verify the user input before submitting the form.

HTML

<form action="javascript:alert( 'success!' );">
  <div>
    <input type="text" name="username">
    <input type="submit">
  </div>
</form>

jQuery

$( "form" ).submit(function( event ) {
    if ( $('input[name="username"').val() === "Lautturi" ) {
        // validate successfully
        return;
    }
    alert("Not valid! Please type 'Lautturi'.");

    // prevent the form's default action
    event.preventDefault();
});

Try now