Question

我有一个包含动态生成字段的多步骤表单，我需要使用jQuery进行验证，这是form。我怎么能做到这一点？

// next step
    $('.form-horizontal .btn-next').on('click', function() {
        $("#multiphase").validate();

        $('input[type="text"]').each(function(){
            $(this).rule('add', {
                required: true,
                messages:{
                    required: "This field is required"
                }
            })
        })

    });

Answer 1

首先，您可以使用"name"属性验证元素。您可以在下面显示示例：

<script type="text/javascript">
  $("#pseudoForm").validate({
    onfocusout:true,
    rules:{
      first_name:"required",
      last_name:"required"
    }
  });
</script>
<!-- whatever -->
<div id="pseudoForm">
  <input type="text" name="first_name"/>
  <input type="text" name="last_name"/>
</div>

您也可以参考此链接LINK

Answer 2

您应该将输入字段映射到包含验证插件规则的对象。我假设你正在使用它：http://jqueryvalidation.org/

以下是一般概念：

  var fields = {};
  $('form').find(':input').each(function() {
    fields[this.name] = "required";
  });

  $('form').validate({
    rules: fields
  });

当然，您必须更多地配置插件，但这至少是您处理动态字段的方式。另一种方法是生成规则服务器端。

如何使用jQuery Validation Plugin基于input type = text / radio / checkbox验证表单

2 个答案: