我有这个基本的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.
}