How to Disable Submit Button After Form Submission in PHP?

How to Disable Submit Button After Form Submission in PHP?

How to Disable Submit Button After Form Submission in PHP?

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.

Also Read:- How to Add Spell Checker In Your Webpage 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.

<!DOCTYPE html>
      <title>How to Disable Submit Button After Form Submission in PHP?</title>
      <script type="text/javascript" src=""></script>
      <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>
      <script type="text/javascript">
         $(document).ready(function () {
             $("#my-form").submit(function (e) {
                 $("#btn-submit").attr("disabled", true);
                 return true;


Author Biography.

Lokesh Gupta
Lokesh Gupta

Overall 3+ years of experience as a Full Stack Developer with a demonstrated history of working in the information technology and services industry. I enjoy solving complex problems within budget and deadlines putting my skills on PHP, MySQL, Python, Codeigniter, Yii2, Laravel, AngularJS, ReactJS, NodeJS to best use. Through Knowledge of UML & visual modeling, application architecture design & business process modeling. Successfully delivered various projects, based on different technologies across the globe.

News & Blogs


Why shouldn’t you wait to jump onto Angular 2?

AngularJs is a JavaScript framework and is widely adopted framework in building Single Page Web A...


Difference between Sets vs. Arrays in JavaScript

The Set object type was introduced in the 2015 ECMAScript specification and is ready to be used i...


How to Implement Real Time Notification Using S...

Real time web/versatile application are getting to be well known step by step. Administrations li...