Disable button whenever a text field is empty dynamically

by

Easiest way to do it :-

Simple Html and JavaScript : Run the snippet (Just 7 lines)

function success() {
	 if(document.getElementById("textsend").value==="") { 
            document.getElementById('button').disabled = true; 
        } else { 
            document.getElementById('button').disabled = false;
        }
    }
<textarea class="input" id="textsend" onkeyup="success()" name="demo" placeholder="Enter your Message..."></textarea>
<button type="submit" id="button" disabled>Send</button>

I have used textarea, but you can use any html input tags and try it out!
Happy coding!

More Related Contents:

  1. Can I make a not submit a form?
  2. Disable form auto submit on button click
  3. Javascript Confirm popup Yes, No button instead of OK and Cancel
  4. Link inside a button not working in Firefox
  5. Why my show hide button needs double-click on first time
  6. Changing button text onclick
  7. Javascript – Dynamically assign onclick event in the loop
  8. Hiding a button in Javascript
  9. Change Button color onClick
  10. Setting a button’s value using javascript
  11. Attribute onclick=”function()” not functioning as intended?
  12. Is there a way to get a element to link to a location without wrapping it in an
  13. How to change button text or link text in JavaScript?
  14. JavaScript button onclick not working
  15. Form submit button will not submit when name of button is “submit” [duplicate]
  16. Convert Data URI to File then append to FormData
  17. Adding input elements dynamically to form
  18. Encode HTML entities in JavaScript
  19. How To Get Font Size in HTML
  20. Can I load an entire HTML document into a document fragment in Internet Explorer?
  21. How to detect when a page exits fullscreen?
  22. TypeError: p.easing[this.easing] is not a function
  23. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  24. How to reset the bootstrap modal when it gets closed and open it fresh again?
  25. Trigger CSS Animations in JavaScript
  26. Large file upload with WebSocket
  27. Popstate on page’s load in Chrome
  28. Google’s Imageless Buttons
  29. button onclick function firing twice
  30. D3 put arc labels in a Pie Chart if there is enough space

Leave a Comment