2016-09-09 3 views
0

Я пытаюсь определить, имеет ли какой-либо из входов значение в форме, следующий код работает, когда вы обновляете страницу, но нет, если вы уже ввели данные и получаете доступ страница с вновь форме любые идеи:проверить, имеет ли какое-либо входное значение значение в форме

$('input.input__field').each(function() { 
    var inputField = $(this); 

    if (inputField.val().trim() !== '') { 
     $(inputField).parent().addClass('input--filled'); 
    } 
}); 
+0

положить добавить во входное событие – guradio

+0

извините? не могли бы вы уточнить, что не понимают, что не понимают, что – user1937021

+0

имеют что-то вроде этого '$ ('input.input__field'). on ('input', function() { var inputField = $ (this); if (inputField.val() .trim()! == '') { $ (inputField) .parent(). addClass ('input-filled'); } }); ' – guradio

ответ

0

Вы можете связать input обработчик событий и использовать .trigger(event) выполнить обработчик событий на странице загрузки.

$('input.input__field').on('input', function() { 
    var inputField = $(this); 

    if (inputField.val().trim() !== '') { 
     $(inputField).parent().addClass('input--filled'); 
    } 
}).trigger('input'); 
+0

@Setpal Почему« на входе »вместо «на фокус»? – Vixed

+0

@Vixed, я предпочитаю, как это происходит при изменении содержимого элемента. – Satpal

+0

не работает в chrome, выбирает только первый элемент @Satpal – user1937021

Смежные вопросы