Я хочу отключить кнопку отправки в поле поиска Wordpress, когда поле пустое, т.е. ничего не ищется.
Это jQuery должно работать, но это не так.
После изменения:
if ($(this).val() == '') {
empty = true;
}
на empty = false;
он удаляет атрибут при вводе текста, но не добавляет атрибут обратно, когда весь текст имеет был удален.
Есть идеи?
(function() {
$('input').keyup(function() {
var empty = false;
$('form > input').each(function() {
if ($(this).val() == '') {
empty = true;
}
});
if (empty) {
$('#searchbutton').attr('disabled', 'disabled');
} else {
$('#searchbutton').removeAttr('disabled');
}
});
})();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form role="search" action="<?php echo site_url('/'); ?>" method="get" id="searchform" class="search-form">
<input type="text" name="s" placeholder="Search tools" class="search-field" maxlength="256">
<input id="searchbutton" type="submit" class="submit-button" value="Search" disabled="disabled">
</form>