Отключить кнопку отправки, если поле пустое

23.12.2022

Отключить кнопку отправки, если поле пустое

<input type="text" name="textField" />
<input type="submit" value="send" />

Javascript

$(document).ready(function() {
     $(':input[type="submit"]').prop('disabled', true);
     $('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
           $(':input[type="submit"]').prop('disabled', false);
        }
     });
 });

Второй вариант для проверки поля

$(function() {
  $(":text").keypress(check_submit).each(function() {
    check_submit();
  });
});

function check_submit() {
  if ($(this).val().length == 0) {
    $(":submit").attr("disabled", true);
  } else {
    $(":submit").removeAttr("disabled");
  }
}

Рекомендую к прочтению:

Оставить комментарий