Question

有一个按钮可在单击时添加其他用户名和密码字段。这些字段的最终名称和字段ID的增量为3，即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);});

Answer 1

看一下以下小提琴：http://jsfiddle.net/yvanavermaet/v5Vvs/

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

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

这是你在找什么？如果没有，请告诉我。

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

1 个答案: