입력 값에 양식 값이 있는지 확인하십시오.

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');