入力値に値があるかどうかを確認する

Question

入力にフォームの値があるかどうかを検出しようとしていますが、次のコードはページを更新するときに機能しますが、もう一度フォームを持つページの任意のアイデアは：

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

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

Answer 1

あなたはinputイベントハンドラをバインドし、ページロード時にイベントハンドラを実行するために.trigger(event)を使用することができます。

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

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