不要搜索，如果搜索字段是空的（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. 
}