頁面上的輸入字段的jQuery問題

Question

我不得不採取以下代碼，這很好地工作。除了初始頁面加載之外，紅色的X是可見的。

的JS

$('#email').keyup(function() { 
var feedback = $("label[for='em']"); 
if($(this).val() === ''){ 
    feedback.hide(); 
} else { 
    feedback.show(); 
} 
}); 

的CSS：

input[type="email"]:invalid + label::after{ 
font-family: fortawesome; 
color:red; 
content: "\f004"; 
padding-left:$l_global-padding; 
} 

的HTML頁面加載

<input id="email" type="email"required autofocus name="dieEmail"><label for="em"></label> 

Answer 1

觸發事件爲好。

$('#email').keyup(function() { 
    var feedback = $("label[for='em']"); 
    if($(this).val() === ''){ 
    feedback.hide(); 
    } else { 
    feedback.show(); 
    } 
}).trigger('keyup');//trigger on page load