不要搜索，如果搜索字段是空的（WordPress的）

Question

我有这个基本的WordPress的搜索表单，我不希望用户能够搜索，如果他们离开搜索领域的空白，最好用JavaScript，这是如何做到的？

Answer 1

(function() { 
$('form > input').keyup(function() { 

    var empty = false; 
    $('form > input').each(function() { 
     if ($(this).val() == '') { 
      empty = true; 
     } 
    }); 

    if (empty) { 
     $('#search').attr('disabled', 'disabled'); 
    } else { 
     $('#search').removeAttr('disabled'); 
    } 
}); 
})(); 

，并记得在默认情况下禁用按钮：从以前的堆栈溢出问题采取

<input type="submit" id="search" value="Search" disabled="disabled" /> 

答：Disabling submit button until all fields have values

Answer 2

方法很多大路通罗马...但这里是一个解。

因此，假设您的搜索表单输入字段为id，并且您要禁用submit按钮，直到用户输入至少1个字符。

$('#query').keyup(function() { 
    if ($(this).val() == '') { 
     $('#submit').prop('disabled', true); 
    } else { 
     $('#submit').prop('disabled', false); 
    } 
}).keyup(); 

看到这个小提琴：https://jsfiddle.net/fxqsc86s/

Answer 3

你也可以像下面这样做。
它会检查你的任何文本框为空

if ($('#TextBoxId').val() === '') { 
// Your coding will go here. 
}