submit() Method in jQuery, jQuery submit() Method with Example

<!DOCTYPE html>
<html>
	<head>
    	<title>jQuery submit() Method</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<style type="text/css">   
			p{
				color:#0099da; 
				padding:7px 0px; 
				font-size:16px; font-weight:bold; 
				font-style:italic; 
			} 
			span{
				color:#F60; 
				padding:7px 0px; 
				font-size:18px; 
				font-weight:bold; 
				font-style:italic; 
			}    
		</style> 
    </head>
    <body>
	
		<p>Type 'www.freetimelearning.com' to submit this form finally.</p>  
		<form action="javascript:alert( 'Successfully Submited!' );">  
		  <div>  
			<input type="text" placeholder="www.freetimelearning.com">  
			<input type="submit">  
		  </div>  
		</form>  
		<span></span>  
		
		<script type="text/javascript"> 
		$( "form" ).submit(function( event ) {  
		  if ( $( "input:first" ).val() === "www.freetimelearning.com" ) {  
			$( "span" ).text( "Successfully Submitted." ).show();  
			return;  
		  }  
		  $( "span" ).text( "Not valid!" ).show().fadeOut( 3000 );  
		  event.preventDefault();  
		});  
		</script>
		
        
    </body>
</html>

Output :

Topic : submit() Method