Проверка jQuery для нескольких динамических полей имени пользователя и пароля

0

Там кнопка, которая добавляет дополнительные поля имени пользователя и пароля при нажатии. Поля заканчиваются тем, что имеют имена и идентификаторы полей с шагом 3, то есть user6, user9, user12... Не удалось выяснить, как проверять требуемую и минимальную длину с помощью плагина jQuery Validation. Вот код, который динамически создает эти поля (я не писал).

$(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);});
Теги:
validation
webforms

1 ответ

0
Лучший ответ

Взгляните на следующую скрипту: http://jsfiddle.net/yvanavermaet/v5Vvs/

Шаги, чтобы заставить его работать: - Добавлен класс "требовать" к полям ввода (вы уже добавили проверку минимальной длины). Вызвали функцию проверки в форме, чтобы активировать проверку на отправке (стандартное поведение)

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

Это то, что ты искал? Если нет, дайте мне знать.

  • 0
    Спасибо - вот и все!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню