check every input has value

Question

Html

<input type="text" name="test[]" class="test">

How can I check every input has value? This is what I tried but if one the input has value it will not alert the message

Script

var x = new Array();
var message = "";

jQuery("input[name='test[]']").each(function(){
  var y = jQuery(this).val().toLowerCase();
  if(y){
    x.push(y);
  }
});

if(x.length === 0){
  message += "missing";
};

if(message != ""){
  alert(message);
}

EDIT I want to alert if one of input has no value

did you want it to alert if the input has a value? or what did you want to happen? — Rick
– Rick, Commented Mar 6, 2017 at 2:26
@Rick I want to alert it no value if one of input is no value — Pure Rhymer Organization
– Pure Rhymer Organization, Commented Mar 6, 2017 at 2:31
ah well you only had one input so I guess I didn't catch on to what you were asking.. — Rick
– Rick, Commented Mar 6, 2017 at 2:47

Michael Coker · Accepted Answer · 2017-03-06 02:37:37Z

2

This will alert 'no value' if one of the inputs has no value. Just check the $.val() and alert and break the loop if it doesn't return anything.

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

  $("input[name='test[]']").each(function() {
    if (!$(this).val()) {
      alert('no value');
      return false;
    }
  });

});

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

answered Mar 6, 2017 at 2:37

Michael Coker

53.8k5 gold badges69 silver badges66 bronze badges

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

1 Comment

Michael Coker Over a year ago

@PureRhymerOrganization awesome, no problem: )

Collectives™ on Stack Overflow

check every input has value

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related