时间戳

首页 > 解决方案 > 如何使用 Jquery 验证检查名称数组字段？

jquery - 如何使用 Jquery 验证检查名称数组字段？

问题描述

我想从表单输入字段创建一个数组并使用 jQuery Validation Plugin。

这是我的代码

<form id="submit_form" method="post">
  <input type='text' name='item[]' required><br>  <!-- Jquery validation plugin just check this one-->  
  <input type='text' name='item[]' required> <br>
  <input type='text' name='item[]' required> <br>        
 <input type="submit" text="Submit" >
</form>

验证代码：

$("#submit_form").validate(
      {
        rules: 
        {
          'item[]':{
            required: true,
          }
         }
      });

但它只检查第一个输入字段，

为了提醒用户填写表格，
是否可以检查所有有标签的输入字段name="item[]"？？？

非常感谢完整的代码：

https://jsfiddle.net/oef8j39y/

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
</head>
<body>


<form id="submit_form" method="post">
<input type='text' name='item[]' required><br>    
<input type='text' name='item[]' required> <br>       
<span class="a"></span>   
 <input type="submit" text="Submit" >
</form>
<br><br><br><br>    
     

     
<button id="btn1">Append Input Field</button>
<script>
$(function()
{
   $("#btn1").click(function(){
    $(".a").append("<input type='text' name='item[]'><br> ");
  });
    $("#submit_form").validate(
      {
        rules: 
        {
          'item[]':{
            required: true,
          }
         }
      });   
});
</script>
</body>
</html>

标签： jqueryvalidation

解决方案

推荐阅读