Check empty input jquery - loop through array of elements

Question

I've added a new property to input that I require to be filled: data-required (in spanish).

I have 3 or 4 in my form, I loop them this way:

$('#impFormularios').submit( function() {
    $(":input[data-requerido]").each( function() {
      if( $(this).val == '' ) {
        alert('hola');
      }
    });
  });

But my alert is not showing. I think it's because i'm doing something wrong with val since the console log shows JQuery code for each item.val value (in console.log).

Thanks!

Adil · Accepted Answer · 2013-03-15 16:15:05Z

5

You have to use val() instead of val with jQuery object. You can use value attribute as well but with DOM object.

Change

if( $(this).val == '' ) {

To

if( $(this).val() == '' ) {

Or

if( this.value == '' ) {

answered Mar 15, 2013 at 16:15

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

JorgeeFG Over a year ago

Thank you, I still miss to add the () because I think its a property of the element... I will post a sticky note on my monitor lol

Adil Over a year ago

You can use value property with DOM object, check my updated answer.

user1108579 Over a year ago

Consider changing == to ===.

Collectives™ on Stack Overflow

Check empty input jquery - loop through array of elements

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related