Js validate multipe input fields with same name

Question

Ok i have multy fields with same name, and i want to check is all fields are not empty. My code works if i have only one input, but i have no idea how to do that with more inputs

<input class = "new_input" type=text name="name[]"/>
<input class = "new_input" type=text name="name[]"/>

function validation(){

    var x = document.forms["form"]["name"].value;
    if(x ==='')
    {
       $("#warning").html("Morate uneti vrednost!").css('color','red');
    return false;
    }
    else
    {
        return true;
    }

}

for example if enter only one field, validation will work, and i want to check all fields

Use the same class for all input fields instead of same name. — VPK
– VPK, Commented Sep 24, 2014 at 12:51

SubjectCurio · Accepted Answer · 2014-09-24 12:59:25Z

Using just JS you could do something like

<input class="new_input" type="text" name="name[]">
<input class="new_input" type="text" name="name[]">
<input class="new_input" type="text" name="name[]">
<input class="new_input" type="text" name="name[]">
<button onclick="validate()">Validate</button>

<script type="text/javascript">
  function validate() {
      var inputs = document.getElementsByTagName("input");
      var empty_inputs = 0;
      for(var i = 0; i < inputs.length; i++) {
          if(inputs[i].name.indexOf('name') == 0) { // check all inputs with 'name' in their name
              if (inputs[i].value == '') {
                  empty_inputs++;
                  console.log('Input ' + i + ' is empty!');
              }
          }
      }

      if (empty_inputs == 0) {
          console.log('All inputs have a value');
      }
  }
</script>

Naeem Shaikh · Accepted Answer · 2014-09-24 12:55:43Z

0

You have tagged jquery, so I have given something which works in jquery http://jsfiddle.net/8uwo6fjz/1/

$("#validate").click(function(){

    var x = $("input[name='name[]']")
    $(x).each(function(key,val){
    if($(val).val().length<=0)
    {
       $("#warning").html("Morate uneti vrednost!").css('color','red');

    }

    });

});

answered Sep 24, 2014 at 12:55

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

1 Comment

mayur panchal Over a year ago

It's not working with submit button and form reload after click on button

Johan Karlsson · Accepted Answer · 2014-09-24 13:01:47Z

0

Try this:

function validate(){
    var error = 0;
    $.each( $("input[name='name[]']"), function(index,value){
        if( value.value.length == 0){
            $("#warning").html("Morate uneti vrednost!").css('color','red');   
            error = 1;
            return;
        }
    });
    if(!error){
        $("#warning").html(""); 
    }
}

Check it out here: jsFiddle

answered Sep 24, 2014 at 13:01

Johan Karlsson

6,4761 gold badge22 silver badges28 bronze badges

Collectives™ on Stack Overflow

Js validate multipe input fields with same name

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related