jQuery Form Submit

JQuery Form Submit: Quickly submit a form using jQuery in 2 Seconds

jQuery submit event is sent to the element when the user attempts to submit a form. jQuery Form submit is simply .submit() function in jquery.

Calling of .submit() – JQuery form submit

.submit() method is used to submit an HTML form (i.e. <form>) using jQuery.

The jQuery code in the following example will submit the form on click of the button.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Submit a form using JQuery/Ajax</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
    $("#SmtBtn").click(function(){        
        $("#JqueryForm").submit(); // Submit the form
    });
});
</script>
</head>
<body>
    <form action="action.php" method="post" id="JqueryForm">
        <label>Full Name:</label>
        <input type="text" name="full_name">
        <button type="button" id="SmtBtn">Submit</button>
    </form>
</body>
</html>

Leave a Comment

Your email address will not be published. Required fields are marked *