如何使用javascript验证数组输入字段

时间:2016-07-22 12:35:04

标签: javascript jquery

如何验证数组输入字段?请帮我解决这个问题。

<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>

4 个答案:

答案 0 :(得分:1)

也许这......

<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>

答案 1 :(得分:0)

您需要传递this

onsubmit="return validateForm(this)"

此外,如果验证成功,则return true

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

答案 2 :(得分:0)

&#13;
&#13;
function validateForm(){
  if((document.getElementById("txt_jobid").value).length == 0){
 			alert(" Please Enter Value!");  
    		return false;
  }	 	
}	
&#13;
<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>
&#13;
&#13;
&#13;

如果您有任何疑问,请与我们联系。

答案 3 :(得分:0)

这里是输入类型数组的解决方案。我已经在stackoverflow上发布了解决方案。请点击以下链接。

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

这里是js小提琴链接。你可以看到它在这里工作

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