how to validate array input field using javascript

Question

How to validate array input field?Please help me to solve this issue.

<form action="" method="post" name="frmPayPal1" id="frmPayPal1" onsubmit="return validateForm()"/>
 <input type='text' name='txt_jobid[]' id='txt_jobid' >
  <input type="submit" value="submit"/>
  </form>

<script>

 function validate(job)
 {
 if(job.elements['txt_jobid[]'].length == 0)
{
    alert(" Please Enter Value!");  
    return false;
}   

}
 </script>

score 1 · Accepted Answer · answered Jul 22 '16 at 13:21

Maybe this...

<form action="" method="post" name="frmPayPal1" id="frmPayPal1">
    <input type="text" name="txt_jobid[]" id="txt_jobid">
    <input type="submit" value="submit">
</form>

<script>
$(document).ready(function(){
    $('#frmPayPal1').on('submit', function(){
        var lngtxt=($(this).find('input[name="txt_jobid[]"]').val()).length;
        console.log(lngtxt);
        if (lngtxt==0){
            alert('please enter value');
            return false;
        }else{
            //submit
        }

    });
});
</script>

score 0 · Answer 2 · answered Jul 22 '16 at 12:37

0

You need to pass this

onsubmit="return validateForm(this)"

Also, return true if validation succeeds

function validate(job)
{
  if(job.elements['txt_jobid[]'].length == 0)
  {
    alert(" Please Enter Value!");  
    return false;
  }   
  return true;
}

answered Jul 22 '16 at 12:37

gurvinder372

66,980
10
72
94

what is the output you see on screen? Can you share a working fiddle or snippet? – gurvinder372 Jul 22 '16 at 12:42
@creative check your browser's developer console, tell me if there is any error. – gurvinder372 Jul 22 '16 at 13:33

score 0 · Answer 3 · answered Jul 22 '16 at 13:10

function validateForm(){
  if((document.getElementById("txt_jobid").value).length == 0){
    alert(" Please Enter Value!");  
      return false;
  }   
}

<form action="" method="post" name="frmPayPal1" id="frmPayPal1" onsubmit="return validateForm()">
  <input type='text' name='txt_jobid[]' id='txt_jobid'>
  <input type="submit" value="submit"/>
</form>

Please let me know if you have any query.

score 0 · Answer 4 · answered Jan 04 '18 at 09:40

here the solution of input type array. I have already post the solution on stackoverflow . please the below link.

https://stackoverflow.com/a/48092147/8189107

here the js fiddle link. you can see it's working here

https://jsfiddle.net/q0d76aqx/42/

how to validate array input field using javascript

4 Answers4