**jQuery** is a lightweight JavaScript library that has simplified client-side webpage development by adopting a "write less, do more" ideology. 

Sometimes, clicking a *button* twice ends up submitting the form more than once, which creates a problem. Luckily, it is possible with *jQuery* to disable the button after the first click.

# Library
To use the disable button feature, you need to import this library:
```html
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
```

# Code
In the code below, two buttons are created with the `<input>` tag. One of the buttons is disabled after the first click, and the other one works as a normal button. In *JavaScript*, the "disable​" attribute is added to the specific button:
``` javascript
           $("#btn").attr("disabled", true);
```

<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">  
</script>
</head>
<body>
<form id="disBtn" action="#" method="POST">
    <input type="submit" id="btn" value="Disable Button"></input>
</form>
<input type="button" value="Normal Button" id="btnTest"></input>

</body>
</html>


$(document).ready(function () {

        $("#disBtn").submit(function (e) {

            //Stop submitting form
            e.preventDefault();

            //Disable disBtn
            $("#btn").attr("disabled", true);
            return true;

        });
});


codemirror

How to make a jQuery disable button

jQuery is a lightweight JavaScript library that has simplified client-side webpage development by adopting a “write less, do more” ideology. Sometimes, clicking a button twice ends up submitting the form more than once, which creates a problem. Luckily, it is possible with jQuery to disable the button after the first click. 