JQuery Tutorial 41 - Form submit event handler with and example

Code: 

<!doctype html>
<html lang="en">
<head>
 <title>JQueryexamplecode.blogspot.com</title>
   <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
 <form action="#" id='Registration'>
  Name: <input type='text' id='txtName'/><br />
  Email: <input type='email' id='txtEMail'/> <br />
  <input type='submit' id='btnSubmit' />
 </form>
 <span id="response"></span>
 <script>
  $('#Registration').submit(function(){
   $('#response').html("User " + $('#txtName').val()+ " Registration successful");
  })
 </script>
</body>                                                                                  
</html>

Output:


If you have any queries or suggestions, please feel free to ask in comments section.
Share this post :

Post a Comment

Please give your valuable feedback on this post. You can submit any ASP.NET article here. We will post that article in this website by your name.

 
Support : Ranga Rajesh Kumar
Copyright © 2012. ASP.NET Examples - All Rights Reserved
Site Designed by Ranga Rajesh Kumar