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 you have read our privacy policy.

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