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: