Check all input values of same two class if NOT empty in jquery

Question

I have already research about this but. I have two different class to check. How can I do that? Please visit this link. Sir @Arun P Johny had the answer. But What if I have two or more class to check?

Like so...
<input type="text" class="myClass[]">
<input type="text" class="myClass[]">
<input type="text" class="myClass[]">
<input type="text" class="myClass2[]">
<input type="text" class="myClass2[]">

myClass[] array of class is not required you can just put myClass this work — Pankaj Makwana
– Pankaj Makwana, Commented Jun 27, 2017 at 7:47

Satpal · Accepted Answer · 2017-06-27 07:54:22Z

2

Use Multiple Selector (“selector1, selector2, selectorN”), Also as you are using meta-characters in the CSS class you have to escape them with \\

var elements = $('.myClass\\[\\],.myClass2\\[\\]').filter(function() {
    return this.value != ''
});

$('button').click(function() {
  var elements = $('.myClass\\[\\],.myClass2\\[\\]').filter(function() {
    return this.value != ''
  });

  if (elements.length == 0) {
    alert('empty')
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="myClass[]">
<input type="text" class="myClass[]">
<input type="text" class="myClass[]">
<input type="text" class="myClass2[]">
<input type="text" class="myClass2[]">
<button type="button">test</button>

edited Jun 27, 2017 at 7:54

answered Jun 27, 2017 at 7:45

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

2 Comments

Blues Clues Over a year ago

Can you provide a snippet or a jsFiddle?

Blues Clues Over a year ago

Is this available for <select> elements?

Carsten Løvbo Andersen · Accepted Answer · 2017-06-27 07:46:57Z

1

You can either use class^=myClass as in the example below, or you can use $(".myClass\\[\\], .myClass2\\[\\]")

class^=myClass means that your class has to start with myClass

$('button').click(function() {
  var flag = false;
  $('input[class^=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/2.1.1/jquery.min.js"></script>
<input type="text" class="myClass[]">
<input type="text" class="myClass[]">
<input type="text" class="myClass[]">
<input type="text" class="myClass2[]">
<input type="text" class="myClass2[]">
<button>test</button>

answered Jun 27, 2017 at 7:46

Carsten Løvbo Andersen

27.1k10 gold badges53 silver badges80 bronze badges

2 Comments

Blues Clues Over a year ago

What if I change the classes? like 3 class="exam[]", 2 class="total_exam[]", 4class="final_exam[]"

Carsten Løvbo Andersen Over a year ago

Then i would do $('input[class*=exam\[\]]')

Ankit Singh · Accepted Answer · 2017-06-27 07:44:10Z

0

Try this

if($( "input[class*='myClass']" ).val()==""){

}

answered Jun 27, 2017 at 7:44

Ankit Singh

1,4871 gold badge13 silver badges22 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2017-06-27 07:50:24Z

0

If your input element contains only one class name as myClass[] or myClass2[] then you can use this

if($('input[class^="myClass"]').val()==""){}

But if you have some other classes for input like

<input type="text" class="testClass myClass[]">

then you need to use this

if($('input[class*="myClass"]').val()==""){}

answered Jun 27, 2017 at 7:50

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Collectives™ on Stack Overflow

Check all input values of same two class if NOT empty in jquery

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related