Checking if a textbox is empty in Javascript

by

onchange will work only if the value of the textbox changed compared to the value it had before, so for the first time it won’t work because the state didn’t change.

So it is better to use onblur event or on submitting the form.

function checkTextField(field) {
  document.getElementById("error").innerText =
    (field.value === "") ? "Field is empty." : "Field is filled.";
}
<input type="text" onblur="checkTextField(this);" />
<p id="error"></p>

(Or old live demo.)

More Related Contents:

  1. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  2. PLEASE assist me.. RE: *FORM FIELDS* I want to Hide() my "type=text box" until the Other option is chosen in the dropdown option
  3. Dynamically adding div on button click and changing Id of each?
  4. How to make page loaders/animations/transitions
  5. Get specific text from html tag jquery [duplicate]
  6. How to change the image while sharing the content to the social networks? [duplicate]
  7. How to show Page Loading div until the page has finished loading?
  8. How exactly does work?
  9. Open URL in same window and in same tab
  10. How do I add an “Add to Favorites” button or link on my website?
  11. Get Base64 encode file-data from Input Form
  12. Get local href value from anchor (a) tag
  13. Textarea that can do syntax highlighting on the fly?
  14. Getting Bootstrap’s modal content from another page
  15. How to upload image into HTML5 canvas
  16. Run change event for select even when same option is reselected
  17. Enter key press behaves like a Tab in Javascript
  18. JQuery Slider, how to make “step” size change
  19. HTML comments in a javascript block?
  20. How to move table row in jQuery?
  21. How to draw polygons on an HTML5 canvas?
  22. show loading icon until the page is load?
  23. How to use square cursor in a HTML input field?
  24. How to specify download location in Html using JavaScript
  25. Why can’t I get the input from the input box?
  26. Setting new value for an attribute using jQuery
  27. Open Gmail on mailto: action
  28. html: hover table column [duplicate]
  29. Rename Object Key in an array using javascript
  30. trigger file upload dialog using javascript/jquery

Leave a Comment