javascript - jQuery 检查无空输入

Question

我试图找出我在使用 jQuery 时遇到的问题。

我在 WordPress 后端工作。我有两个div。第一个是输入文本，当单击“上传”按钮并选择图像时，将使用图像 URL 填充。第二个 div 无关紧要，但基本上，当第一个输入文本 div 被填充时，我希望显示第二个。

现在，我尝试做一些简单的事情，例如：

if ($('#section-logo input').val() != '') {
    logo_position_section.show();
}

哪个工作正常，但只有在您单击保存并且页面刷新之后。

focus()在这种情况下也不起作用，除非用户在输入文本内手动单击并输入内容。

如何检查第一个 div 中是否确实有一个值，但不必刷新页面也不必使用焦点？谢谢。

Answer 1

绑定输入更改并执行负载检查。

$(function(){
   var showLogoPosition = function(el) {
        if(el.val() !== '') {
           logo_position_section.show(); 
        }
   },
   input = $('#section-logo input');
   input.change(function(){
       showLogoPosition($(this));
   });

   showLogoPosition(input);
})

Answer 2

也许使用 jQuery 更改事件

$('#section-logo input').change( function() {
    if ( $(this).val() !== "" ) {
        logo_position_section.show();
    }
}