如果搜索字段为空，则不要搜索(Wordpress） - Do not search if the search field is empty (Wordpress)

Do not search if the search field is empty (Wordpress)

本文关键字：搜索 Wordpress 字段如果 | 更新日期: 2023-09-27

我有这个基本的Wordpress搜索表单，我不希望用户能够搜索，如果他们将搜索字段留空，最好是使用javascript，这是怎么做到的？

很多方法都通向罗马...但这里有一个解决方案。

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

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

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

(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" />

答案取自前面的堆栈溢出问题：禁用提交按钮，直到所有字段都有值

你也可以这样做。
它将检查您的文本框是否为空

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