jQuery问题与pagelaod上的输入字段

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