javascript - 如果将文本输入到表单输入中，如何使 div 出现

Question

我有一个表单输入，当输入文本时，它会更新一个 div。这是我使用的:

$('#CampaignTitle').keyup(function() {
    $('#titleBar').text(this.value);
}); 

这非常有效，除了我还希望能够在表单输入中没有文本时隐藏 div(我知道如何让它开始隐藏)。

换句话说，当有人在表单中输入内容时，会出现一个 div，而正在输入的文本会出现在 div 中。如果用户再次清除输入，则 div 会消失。

抱歉，我是 JS 的新手 :)

Answer 1

测试文本框值的长度是否大于 0:

$('#CampaignTitle').keyup(function() {
    if($(this).val().length > 0)
    {
        $('#titleBar').text($(this).val()).show();
    }
    else
    {
        $('#titleBar').hide();
    }
}); 

这里的关键行是 if($(this).val().length > 0)。