多个动态用户名/密码字段的 jQuery 验证答案

【问题标题】：jQuery Validation for Multiple Dynamic Username / Password Fields多个动态用户名/密码字段的 jQuery 验证
【发布时间】：2014-04-29 13:51:26
【问题描述】：

有一个按钮可以在单击时添加额外的用户名和密码字段。这些字段最终具有以 3 为增量的名称和字段 ID，即 user6、user9、user12...无法确定如何使用 jQuery Validation 插件验证 required 和 minlength。这是动态创建这些字段的代码（我没有写）。

$(document).on('click', '#add', function(e) {
  var intId = $("#the_form div").length + 1;
  var userWrapper = $("<div class=\"form-group userwrapper\" id=\"field" + intId + "\"/>");
  var userDiv = $("<div class=\"col-lg-4\">");
  var newUserLabel = $("<label class=\" control-label\" for=\"user" + intId + "\">User:</label>");
  var newUser = $("<input type=\"text\" minlength=\"2\" what=\"users\" class=\"form-control users\" name=\"user" + intId + "\" id=\"user" + intId + "\" /></div>");
  var passDiv = $("<div class=\"col-lg-4\">");
  var newPassLabel = $("<label class=\"control-label\" for=\"passUser" + intId + "\">Password:</label>");
  var newPass = $("<input minlength=\"6\" type=\"password\" what=\"passes\" class=\"form-control passes\" name=\"pass" + intId + "\" id=\"passUser" + intId + "\" />");
  var removeButton = $("<input type=\"button\" class=\"remove btn btn-danger\" aria-hidden=\"true\" value=\"&times;\"/>");
  removeButton.click(function() {
    $(this).parent().prev().remove();
    $(this).parent().remove();
  });
  userDiv.append(newUserLabel);
  userDiv.append(newUser);
  passDiv.append(newPassLabel);
  passDiv.append(newPass);
  passDiv.append(removeButton);
  userWrapper.append(userDiv);
  userWrapper.append(passDiv);
  $("#the_form").append(userWrapper);});

【问题讨论】：

标签： javascript jquery validation webforms

【解决方案1】：

看看下面的小提琴：http://jsfiddle.net/yvanavermaet/v5Vvs/

使其工作的步骤： - 在输入字段中添加了“require”类（您已经添加了 minlength 验证） - 在表单上调用验证函数以激活提交验证（标准行为）

$("#the_form").validate();

这就是你要找的吗？如果没有，请告诉我。

【讨论】：

谢谢——这真是太棒了！