Easiest way to do it :-
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
function success() {
if(document.getElementById("textsend").value==="") {
document.getElementById('button').disabled = true;
} else {
document.getElementById('button').disabled = false;
}
}
<!-- language: lang-html -->
<textarea class="input" id="textsend" onkeyup="success()" name="demo" placeholder="Enter your Message..."></textarea>
<button type="submit" id="button" disabled>Send</button>
<!-- end snippet -->
**Reference**: [solution][1]
[1]: https://stackoverflow.com/questions/7067005/disable-button-whenever-a-text-field-is-empty-dynamically
Easiest way to do it :-
Simple Html and JavaScript : Run the snippet (Just 7 lines)
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
function success() {
if(document.getElementById("textsend").value==="") {
document.getElementById('button').disabled = true;
} else {
document.getElementById('button').disabled = false;
}
}
<!-- language: lang-html -->
<textarea class="input" id="textsend" onkeyup="success()" name="demo" placeholder="Enter your Message..."></textarea>
<button type="submit" id="button" disabled>Send</button>
<!-- end snippet -->
I have used textarea, but you can use any html input tags and try it out!
Happy coding!
