How to Disable Submit Button After Click using jQuery?

Today, We want to share with you How to Disable Submit Button After Click using jQuery?.In this post we will show you how to disables submit button until form is filled in jquery, hear for how to prevent multiple clicks on submit button in jquery we will give you demo and example for implement.In this post, we will learn about Disables Button After Click Html In JQuery – Prevent Multiple Clicks with an example.

Read Also:  Reset Password Form Free bootstrap Widget Template

How to enable and disable submit button using jQuery?

here simple you can learn to step by step jQuery – How to disabled submit button after clicked

index.html

<!DOCTYPE html>

<html>
<head>

    <title> How to Disable Submit Button After Form Submission in PHP? - www.pakainfo.com </title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

</head>
<body>
<form action="/post.php" method="POST" id="my-form">

    <input type="text" name="name">
    <input type="text" name="email">
    <button type="submit" id="btn-submit">Submit</button>

</form>

<script type="text/javascript">
    $(document).ready(function () {
        $("#my-form").submit(function (e) {
            $("#btn-submit").attr("disabled", true);
            return true;
        });
    });
</script>

</body>

</html> 

I hope you get an idea about Disables Submit Button After Click.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.