jQuery submit()

The jQuery submit() method is used to attach a function to run when a submit event occurs i.e., when the user attempts to submit a form. This method is limited to <form> element.

Syntax:

To trigger the submit event for selected elements.

$(selector).submit()

To add a function to the submit event.

$(selector).submit(function)

Function:

  • It is an optional parameter.
  • The function parameter specifies the function to run when the event occurs.

Example:

<!DOCTYPE html>
<html>
<head>
<style>
<style>
p {
margin: 0;
color: blue;
}
div,p {
margin-left: 10px;
}
span {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>Type 'codegente' to submit this form finally.</p>
<form action="javascript:alert( 'success!' );">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
<script>
$( "form" ).submit(function( event ) {
if ( ( "span" ).text( "Not valid!" ).show().fadeOut( 2000 );
event.preventDefault();
});
</script>
</body>
</html>