Ajax - пару косяков

Сынок · Регистрация: 18.07.2018

Студворк — интернет-сервис помощи студентам

Здравствуйте!

1. При нажатии на кнопку мышкой форма отправляется всегда и при пустых полях и при заполненных, при на нажатии на Enter форма не отправляется при пустых полях и отправляется при условии заполнения хоть одного из полей даже если просто в поле установить курсор или отправляется при нажатии на Enter, если до этого она была нажата мышкой и типа активная в браузере. Как исправить, чтобы Enter работал всегда.

2. После нажатия на кнопку она становится в браузере типа активной и отправку можно сделать нажатием на [Пробел]. Как исправить, чтобы отправка делалась только по Enter?

Спасибо.

@Уф · 25.02.2019, 11:31

а пробовал в полях приписать required?

Добавлено через 50 секунд
хотя если форму аяксом шлешь, то проверку полей и отправку в самой функции делать надо

@amr-now · 25.02.2019, 16:20

Здравствуйте,
так надо?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <form id="formlogin">
        <h2 class="form_head">Авторизация</h2>
        <label for="email">Email:</label>
        <input type="email" name="email">
        <label for="password">Пароль:</label>
        <input type="password" name="password">
        <input type="submit" value="Войти" id="submit">
    </form>
    <script>
        $("#formlogin").submit(function (e) {
            e.preventDefault();
            $("#submit").attr("disabled", "");
            // Отправка формы
            $.post("test.php", $("#formlogin").serialize());
        });
        // Из любого места страницы чтобы Enter работал всегда. Условно считаем, что после отправки кнопка становится неактивной
        $(document).keyup(function (e) {
            if (e.which == 13 && !$("#submit").prop("disabled"))
                $("#formlogin").submit();
        });
        // Когда кнопка в фокусе, чтобы отправка делалась только по Enter
        $("#submit").keydown(function (e) {
            if (e.which == 32)
                return false;
        });
    </script>
</body>
</html>

Сынок · 26.02.2019, 16:23 **[ТС]**

amr-now, не работает

if (e.which == 13 && !$("#submit").prop("disabled"))
$("#formlogin").submit();

потому что у меня формЫ в уже подгруженном контенте, вот такой код у меня

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
let submit = true;
$(document).on('submit', 'form', function (event) {
    event.preventDefault();
    if (submit) {
        submit = false;
        let button = $(this).find('button');
        $.post(this.action, $(this).serialize() + '&' + button.attr('name') + '=' + button.val(), function (json) {
            console.info(json);
        }, 'json').fail(function (error) {
            console.error(error.responseText);
        });
    }
});

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

Сынок 31 / 46 / 19 Регистрация: 18.07.2018 Сообщений: 578

	Ajax - пару косяков 25.02.2019, 05:23. Показов 888. Ответов 3 Метки нет (Все метки) Здравствуйте! 1. При нажатии на кнопку мышкой форма отправляется всегда и при пустых полях и при заполненных, при на нажатии на Enter форма не отправляется при пустых полях и отправляется при условии заполнения хоть одного из полей даже если просто в поле установить курсор или отправляется при нажатии на Enter, если до этого она была нажата мышкой и типа активная в браузере. Как исправить, чтобы Enter работал всегда. 2. После нажатия на кнопку она становится в браузере типа активной и отправку можно сделать нажатием на [Пробел]. Как исправить, чтобы отправка делалась только по Enter? Спасибо. 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	25.02.2019, 11:31
	а пробовал в полях приписать required? Добавлено через 50 секунд хотя если форму аяксом шлешь, то проверку полей и отправку в самой функции делать надо 0