0

На странице есть кнопка по клику добавляю input#field, необходимо ограничить количество input#field на странице

Добавляю input так

$("#click-field").on("click", function() {

    $(this).before('<input id="field" name="field" type="text">');
});

Нужно сделать ограничение на +2 #field. Пробовал так

$("#click-field").on("click", function() {

    var count = $("#field").length;

    if(count > 2) return false;

    $(this).before('<input id="field" name="field" type="text">');
});

Не получилось, видит только 1 #field

1
  • 1
    "id должен быть уникальным" - в рамочку и рядом с монитором поставить. 18 июл 2014 в 1:12

1 ответ 1

3

проще всего так

$("#click-field").on("click", function() {
    if ($('input.input-class', $(this).parent()).length >= 2) {
        return false;
    }
    $(this).before('<input name="field" type="text" class="input-class">');
});
2
  • Не подойдет, если в случае удаления input со странице потом вновь его не добавить. Можно конечно попробовать после удаления делать -1 в count, но может кто подскажет более интересно решение?
    – webphp
    18 июл 2014 в 0:43
  • 1
    в вопросе не было сказано, что инпуты могут быть удалены. изменил код. 18 июл 2014 в 0:51

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.