检测用户是否没有't输入任何内容/删除输入jQuery

Detect if user didn't input anything/deleted input jQuery

本文关键字：输入 任何内 jQuery 删除 是否 用户 检测      更新时间：2023-10-26

我有一个输入字段，用户可以在其中输入文本，当他们键入有效的内容时，会出现一个图像。输入错误的文本也是如此。

当输入字段中没有任何内容时，我想更改/删除图像。

这是我的代码，但似乎不起作用：

$('#input_link').on('mouseout', function(){
    if($.trim($('#input_link').val().length = 0)){
        $('#status_image').attr('src', 'images/link_related/stand_by.png');
    }
    });

尝试：

   $('#input_link').on('mouseout', function(){
     if(!$.trim(this.value).length){
         $('#status_image').attr('src', 'images/link_related/stand_by.png');
     }
   });

您的修剪括号不合适，您使用的是赋值运算符而不是比较运算符。我认为mouseout可能不是一个很好的事件来做你正在做的事情。根据要显示图像的确切时间使用keyup或change事件。

也许这就是你想要达到的目标。

$('#input_link').on('input keyup paste', function () {
    var hasValue = $.trim(this.value).length;
    $('#status_image').attr('src', function () {
        return hasValue ? 'http://placehold.it/20/00ff00' : 'http://placehold.it/20/ff0000';
    });
});

演示

使用==或===来比较事物，

if($.trim($('#input_link').val().length == 0)){'

试试这个，

$('#input_link').on('mouseout', function(){
    if($.trim($('#input_link').val()).length == 0){
        $('#status_image').attr('src', 'images/link_related/stand_by.png');
    }
    });
相关文章：