CodesJava

Easy learning with example program codes

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 1

<!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 ( $( "input:first" ).val() === "codegente" ) {  
	$( "span" ).text( "Submitted Successfully." ).show();  
	return;  
  }  
  $( "span" ).text( "Not valid!" ).show().fadeOut( 2000 );  
  event.preventDefault();  
});  
</script>  
</body>  
</html>

Try it

JS Bin on jsbin.com

Sign Up/ Sign In
Ask a Question


Copyright © 2018 CodesJava DMCA.com Protection Status SiteMap Reference: Java Wiki