jQuery | submit() with Examples
The submit() method is an inbuilt method in jQuery which is used to submit event or the attaches a function to run when a submit event occurs. This method can only apply on the form elements.
Syntax:
$(selector).submit(parameters);
Parameter: The parameters is optional for this method.
Return Value: This method return the selected element along with the attached event.
Program 1: jQuery code to show the working of the submit() method
<html> <head> <script src= </script> <script> // jQuery code to show the working of this method $(document).ready(function() { $("form").submit(function() { alert("Form submitted Successfully"); }); }); </script> <style> .gfg { font-size:40px; color:green; font-weight:bold; text-align:center; } .geeks { font-size:17px; text-align:center; margin-bottom:20px; } </style> </head> <body> <div class = "gfg">GeeksforGeeks</div> <div class = "geeks">A computer science portal for geeks</div> <form action = ""> <table border = 1 align = "center"> <tr> <!-- Enter Username --> <td>Username:</td> <td><input type = text name = name size = 25</td> </tr> <tr> <!-- Enter Password. --> <td>Password:</td> <td><input type = password name = password1 size = 25</td> </tr> <tr> <!-- To Confirm Password. --> <td>Confirm Password:</td> <td><input type = password name = password2 size = 25></td> </tr> <tr> <td colspan = 2 align = right> <input type = submit value = "Submit"></td> </tr> </table> </form> </body></html> |
Output:
Program 2:
<html> <head> <script src= </script> <script> // jQuery code to show the working of this method $(document).ready(function() { $("form").submit(function() { alert("Form submitted Successfully"); }); $("button").click(function() { $("form").submit(); }); }); </script> <style> .gfg { font-size:40px; color:green; font-weight:bold; text-align:center; } .geeks { font-size:17px; text-align:center; margin-bottom:20px; } </style> </head> <body> <div class = "gfg">GeeksforGeeks</div> <div class = "geeks">A computer science portal for geeks</div> <form action = ""> <table border = 1 align = "center"> <tr> <!-- Enter Username --> <td>Username:</td> <td><input type = text name = name size = 25</td> </tr> <tr> <!-- Enter Password. --> <td>Password:</td> <td><input type = password name = password1 size = 25</td> </tr> <tr> <!-- To Confirm Password. --> <td>Confirm Password:</td> <td><input type = password name = password2 size = 25></td> </tr> <tr> <td colspan = 2 align = right> <button>Click me !</button> </tr> </table> </form> </body></html> |
Output:
