2

Есть форма с такой кнопкой:

<button class="btn btn-lg btn-primary btn-block enter" type="submit">
    Войти
    <img src="{{ asset('img/loading.gif') }}" class="img-loader" width="16" height="16" style="display: none;" alt="">
</button>

И код:

(function($, undefined) {
    $('.enter').on('submit', function() {
        $('.img-loader').css('display', 'inline');
        $('.enter').prop('disabled', 'disabled');
    });
})(jQuery);

На форме всего два полям: логин и пароль (required). Нужно чтобы стили срабатывали при событии submit. Пробовал менять submit на click - все работает как надо. Как решить эту проблему?

1 ответ 1

3

Событие submit генерируется только для <form> элемента, а не для кнопок внутри него. Соответственно, и обработчик события нужно добавлять для самой формы:

$("form").on("submit", function() {
  $(".enter").prop("disabled", true);
  return false; //для наглядности
});
<form action="">
  <button class="btn btn-lg btn-primary btn-block enter" type="submit">Войти</button>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

А ещё при использовании boolean-свойства disabled значение ему нужно присваивать соответствующее: true или false

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.