Отключить ввод при нажатии jquery
С помощью jQuery я хотел бы найти способ отключить ввод ТОЛЬКО ЕСЛИ ПУСТО при нажатии кнопки ниже.
Это ввод:
<input type = "text" min = "0" id = "toolset-maps-distance-center" name = "toolset_maps_distance_center" class = "form-control js-toolset-maps-distance-center js-wpv-filter-trigger" value = "" required = "" placeholder = "Inserisci una posizione" autocomplete = "off">
Это кнопка:
<button type = "submit" class = "wpv-submit-trigger js-wpv-submit-trigger btn">Recherche</button>
Это мой jQuery:
jQuery('.wpv-submit-trigger.js-wpv-submit-trigger.btn').click(function(){
jQuery('#toolset-maps-distance-center').prop('disabled', true);
});
Результат в консоли:
Uncaught SyntaxError: Invalid or unexpected token
Извините, я оставил предыдущую попытку, теперь правильно.
Или попробуйте использовать attr('diabled', 'disabled') вместо prop
Большое спасибо code_Ninja, но я попробовал код PiTiNiNjA, и он отлично работает
Ответы 4
$('.wpv-submit-trigger.js-wpv-submit-trigger.btn').click(function() {
//check if input is empty
var ifInputIsEmpty = $('#toolset-maps-distance-center').val() === '';
//set disabled attribute according to ifInputIsEmpty
$('#toolset-maps-distance-center').prop('disabled', ifInputIsEmpty);
});
вы всегда должны добавлять объяснение к своему ответу, это помогает избежать генерации копий / вставок разработчиков и помогает OP понять свою ошибку
Это прекрасно, спасибо
@ThisGuyHasTwoThumbs Ваш комментарий был быстрее моего редактирования;)
пожалуйста, попробуйте это. Проверьте значение поля ввода и, если оно пустое, просто отключите его.
jQuery('.wpv-submit-trigger.js-wpv-submit-trigger.btn').click(function(){
var inputValue=jQuery('#toolset-maps-distance-center').val();
if (!inputValue)
{
jQuery('#toolset-maps-distance-center').attr('disabled','true');
}
});
Большое спасибо, но я попробовал код PiTiNiNjA, и он отлично работает
попробуйте этот код
проверьте значение input в состоянии if
if ($('#toolset-maps-distance-center').val() == '')
jQuery('.wpv-submit-trigger.js-wpv-submit-trigger.btn').click(function() {
if ($('#toolset-maps-distance-center').val() == '') {
jQuery('#toolset-maps-distance-center').prop('disabled', true);
}
});<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type = "text" min = "0" id = "toolset-maps-distance-center" name = "toolset_maps_distance_center" class = "form-control js-toolset-maps-distance-center js-wpv-filter-trigger" value = "" required = "" placeholder = "Inserisci una posizione" autocomplete = "off">
<button type = "submit" class = "wpv-submit-trigger js-wpv-submit-trigger btn">Recherche</button>Большое спасибо, но я попробовал код PiTiNiNjA, и он отлично работает
Насколько я понимаю, вы хотите, чтобы кнопка отправки была отключена, когда ввод пуст. Для этого попробуйте следующее:
if ($.trim($('.kind').val()).length === 0){
$('.kind').prop('disabled', true);
}<input class = "kind" id = "name" name = "name" type = "text" placeholder = "Kind">
<button class = "submit" >Submit</button>Большое спасибо, но я попробовал код PiTiNiNjA, и он отлично работает
Верно \ ложно, как в вашем коде? Это должно быть либо истина, либо ложь.