How to Disable Submit Button After Form Submission in PHP?

By Hardik Savani May 14, 2024 Category : PHP jQuery

I will help you for how to disable submit button after click in jquery php. we can prevent double click submit button in jquery html. it will help you to disable submit button after click in php, laravel, codeigniter etc project that use jquery.

Sometime, we have to prevent too many clicks on submit button. if you are working on register form with php then it might be take time to submit form because of long processes of submit page. But if user have server issue or Internet issue etc then he will just click again and again. So may it can create problem form us. so basically you must prevent it by using disabled submit button after one click using jquery.

Here bellow simple example will help you to resolved your problem by using bellow example. You can see full example so it can help you in your php project.

Example:

Read Also: PHP Laravel Inner Join Query Example
<!DOCTYPE html>
<html>
<head>
    <title>How to Disable Submit Button After Form Submission in PHP? - ItSolutionStuff.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 it can help you...

Tags :
Previous

Fullcalendar Get Start and End Date by Click Event Example
Next

JQuery Remove Parent Table Row on Button Click Event

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares