如何使用jQuery Validation插件基于输入type = text / radio / checkbox验证表单

Question

我有一个包含动态生成字段的多步骤表单，需要使用jQuery进行验证，这就是表单 。 我该如何实现？

// 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
  });

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