如果搜索字段为空，则不要搜索（Wordpress）答案

【问题标题】：Do not search if the search field is empty (Wordpress)如果搜索字段为空，则不要搜索（Wordpress）
【发布时间】：2016-01-28 10:34:18
【问题描述】：

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

【问题讨论】：

添加一个 javascript 测试：if $("#the-search-field").val() == '') 什么都不做；

标签： javascript php wordpress

【解决方案1】：

通往罗马的方式有很多...但这里有一个解决方案。

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

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

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

【讨论】：

【解决方案2】：

(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

【讨论】：

【解决方案3】：

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

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

【讨论】：