使用带jquery键控函数的if语句

Question

我是jquery的完全初学者。

我想弄清楚如何用这段代码来做一个if语句

$("#Email").keydown(function() {
        $("#email-confirmation").fadeIn("slow");
        $("input[type=email]").css('border','1px solid #093');
});

我想做这样的事。如果输入字段有任何值(用户开始键入)，则执行一些操作，如果为空，则执行另一项操作.

if ($("#Email").keydown(function() ) {
        $("#email-confirmation").fadeIn("slow");
        $("input[type=email]").css('border','1px solid #093');

}else{
        $("#email-confirmation").fadeOut("slow");
        $("input[type=email]").css('border','1px solid gray');

});

我还需要知道如何使用jquery或fadeIn样式。

谢谢你提前..。

Answer 1

您可能应该使用keyup，即在key被释放之后：

$("#Email").keydown(function() ) {
  if ($(this).val().length) {
     $("#email-confirmation").fadeIn("slow");
     $("input[type=email]").css('border','1px solid #093');
  } else {
     $("#email-confirmation").fadeOut("slow");
     $("input[type=email]").css('border','1px solid gray');
  }
});

Answer 2

将if放入函数中：

$("#Email").keydown(function() ) {
    if ($(this).val() != '') {
        $("#email-confirmation").fadeIn("slow");
        $("input[type=email]").css('border','1px solid #093');
    } else {
        $("#email-confirmation").fadeOut("slow");
        $("input[type=email]").css('border','1px solid gray');
    }
});