Skip to content
Related Articles

Related Articles

Improve Article
jQuery | submit() with Examples
  • Last Updated : 21 Sep, 2018

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:
submit

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:
submit




My Personal Notes arrow_drop_up
Recommended Articles
Page :