Question

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

Answer 1

许多方式导致罗马...... 但这是一个解决方案。

因此，请说您的搜索表单输入字段已id并且query已调用submit，并且您要禁用$('#query').keyup(function () { if ($(this).val() == '') { $('#submit').prop('disabled', true); } else { $('#submit').prop('disabled', false); } }).keyup();按钮，直到用户输入至少1个字符。

pom.xml

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

Answer 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

Answer 3

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

IDana

不搜索搜索字段是否为空（Wordpress）

3 个答案: