如果搜索字段为空,则不要搜索(Wordpress)
Do not search if the search field is empty (Wordpress)
我有这个基本的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.
}
相关文章:
- 用程序搜索JQuery数据表中的文本
- 在html Select中添加搜索
- Ajax Live搜索发布到Laravel视图
- 谷歌放置API:按国家或餐馆名称搜索餐馆
- 学生搜索项目jquery/javascript
- 用于搜索的聚合物嵌套绑定
- 在javascript中搜索具有重复值的两个数组中的匹配值
- Angularjs-utils高亮过滤器在搜索时破坏应用程序
- 使用javascript搜索具有用户输入的数组
- Wordpress:提交后,我如何在搜索表单中保留市场复选框
- jQuery搜索和替换不起作用(Wordpress)
- WordPress Ajax 自动完成器搜索框
- 如果搜索字段为空,则不要搜索(Wordpress)
- Wordpress搜索&筛选自动提交
- 如何将Wordpress搜索与谷歌地图集成
- WordPress自定义搜索按钮
- 在WordPress编辑器中突出显示或下划线搜索词
- 如何在我的Algolia搜索页面结果的摘录中显示我的Wordpress自定义字段属性
- WordPress自动完成搜索:如何连接自定义表的查询文件
- Javascript不能在WordPress上搜索.php