How to select empty inputs (value=””) using jQuery

by 
jQuery("#sender_container input.required").filter(function() {
    return !this.value;
}).addClass("error");​

Why you have to use filter and not [value=""] you can see in this DEMO

The reason is: attribute selectors check the initial state of the element, not the current state. (note that you can change the “initial” state with the attr function, but it’s bad practice, you should always use prop)

So if you change the input value, the current value won’t effect the attribute selector. not wise… :)

Notes:

  • .val() returns the value of the form element, and breaks the jQuery chain,
    $('selector').val().addClass('foo') Error, the return value is a string\ number

  • .val(valueToSet) sets the value of the form element and doesn’t break the jQuery chain.
    $('selector').val("some value").addClass('foo') – Valid, the returned value is a jQuery

More Related Contents:

  1. How to get the children of the $(this) selector?
  2. Is there a case insensitive jQuery :contains selector?
  3. jQuery get specific option tag text
  4. How do I get jQuery to select elements with a . (period) in their ID?
  5. document.getElementById vs jQuery $()
  6. jQuery to loop through elements with the same class
  7. What is “context” in jQuery selector?
  8. jQuery’s .bind() vs. .on()
  9. How can I get selector from jQuery object
  10. How to get all options of a select using jQuery?
  11. jQuery DOM changes not appearing in view source
  12. Testing if a checkbox is checked with jQuery
  13. Selecting multiple classes with jQuery
  14. Get index of clicked element in collection with jQuery
  15. How do you check if a selector matches something in jQuery? [duplicate]
  16. jQuery single selector vs .find()
  17. jQuery select and wrap textNode
  18. Count immediate child div elements using jQuery
  19. jQuery find and replace string
  20. Store jquery selector in variable
  21. How to get text node after element?
  22. jQuery: Check if div with certain class name exists
  23. jQuery :contains(), but to match an exact string
  24. jQuery support “:invalid” selector
  25. Getting a jQuery selector for an element
  26. In jQuery, is selecting by class or id faster than selecting by some other attribute?
  27. Find HTML based on partial attribute
  28. Getting the “match” object in a Custom Filter Selector in jQuery 1.8
  29. jQuery difference between :eq() and :nth-child()
  30. jQuery selector to target any class name (of multiple present) starting with a prefix?

Leave a Comment