如何检查用户是否清空了输入?

时间:2019-09-12 19:52:05

标签: javascript jquery html css

我正尝试使用jquery的on()函数查看用户正在键入什么。如果用户键入某些内容,我将使div“ .hiddenm”可见(最初显示:无;)。当用户开始输入时,它会得到“内联块”,这是完美的。我不喜欢的是,当用户清空该输入区域时,它仍然可见(内联块),而不应该是。我写了这段代码。

我尝试过

CIContext

这应该使它再次显示:无,但它什么也没做。

2 个答案:

答案 0 :(得分:2)

因为您的if语句不在函数内。将其放入函数中,它将起作用:

$("#mobileNumberEntered").on('change keyup paste' , function(){
       if($("#mobileNumberEntered").val().length == 0){
               $('.hiddenm').css('display', 'none');
        }
       else {
         $(".mobNumeric").html($("#mobileNumberEntered").val());
         $('.hiddenm').css('display', 'inline-block');
        }
    });

答案 1 :(得分:1)

这不是事件

if($("#mobileNumberEntered").val().length == 0){
               $('.hiddenm').css('display', 'none');
            }

按Backspace会发生什么?是一个关键,你可以得到长度0 您可以尝试将其包含在此类

的on事件中
$("#mobileNumberEntered").on('change keyup paste' , function(){
if($("#mobileNumberEntered").val().length <= 0){
      $('.hiddenm').css('display', 'none');
}
else{
      $(".mobNumeric").html($("#mobileNumberEntered").val());
      $('.hiddenm').css('display', 'inline-block');
}
});