Question

176

check all input values of same class is empty jquery

rated 0 times [ 180] [ 4] / answers: 1 / hits: 25880 / 9 Years ago, fri, february 13, 2015, 12:00:00

Here I have many input text fields with same class like

<input type=text class=MyClass></input>

<input type=text class=MyClass></input>

<input type=text class=MyClass></input>

My requirement is to check wheather all input fields of this class is empty or not.
I've tried this

if(!('.MyClass').val()){

alert(empty);

}

But it doesn't make any result. Can anyone help?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

marisela

Add To Favorites

Follow

Total Points: 103

Total Questions: 105

Total Answers: 102

Location: Solomon Islands

Member since Fri, Oct 8, 2021

3 Years ago

marisela questions

1 Access to XMLHttpRequest at '…' from origin 'localhost:3000' has been blocked by CORS policy

Wed, Aug 25, 21, 00:00, 3 Years ago

1 How to escape double and single quotes in a JSON array

Wed, Oct 21, 20, 00:00, 4 Years ago

1 TypeError: Cannot read property 'contentWindow' of undefined

Sat, Aug 15, 20, 00:00, 4 Years ago

1 Jest import statement: 'TypeError: Cannot set property 'fillStyle' of null'

Sun, Aug 2, 20, 00:00, 4 Years ago

1 Validation using Yup to check number length

Tue, Nov 19, 19, 00:00, 5 Years ago

View All

answered 9 Years ago dallasb · Accepted Answer

You can check

$('button').click(function() {

  var $nonempty = $('.MyClass').filter(function() {

    return this.value != ''

  });



  if ($nonempty.length == 0) {

    alert('empty')

  }

})

<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js></script>

<input type=text class=MyClass />

<input type=text class=MyClass />

<input type=text class=MyClass />

<button>test</button>

Or using a flag

$('button').click(function() {

  var flag = false;

  $('.MyClass').filter(function() {

    if (this.value != '') {

      flag = true;

      //no need to iterate further

      return false;

    }

  });



  if (!flag) {

    alert('empty')

  }

})

<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js></script>

<input type=text class=MyClass />

<input type=text class=MyClass />

<input type=text class=MyClass />

<button>test</button>