gagablik
@gagablik
Начинающий Web разработчик

Как остановить отправку формы, а после всех проверок отправить данные на сервер?

Добрый день. Есть форма. Нужно при нажатии на на Registered отменить отправку формы, а после всех проверок ( AJAX проверки, после ajax обычне), если нет ошибок, то отправить форму на сервер
<div>
    <form id="reg-form" action="/" method="post">
        <input type="text" name="username" value="">
        <input type="submit" name="Registered" value="Registered">
    </form>
</div> 

Данный способ не работает, не пойму почему, объясните. Спасибо
<code lang="javascript">
$('#reg-form').on('click', (e) => {
    e.preventDefault();
    $('#reg-form').submit();
});
</code>
  • Вопрос задан
  • 7904 просмотра
Решения вопроса 1
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
<div>
    <form id="reg-form" action="/" method="post">
        <input type="text" name="username" value="">
        <input type="button" name="Registered" value="Registered">
    </form>
</div> 

Данный способ не работает, не пойму почему, объясните. Спасибо
<code lang="javascript">
$('#reg-form').on('click', (e) => {
    e.preventDefault();
    $('#reg-form').submit();
});
</code>


Либо

<div>
    <form id="reg-form" action="/" method="post">
        <input type="text" name="username" value="">
        <input type="submit" name="Registered" value="Registered">
    </form>
</div> 

Данный способ не работает, не пойму почему, объясните. Спасибо
<code lang="javascript">
$('#reg-form').on('submit', (e) => {
    e.preventDefault();
    $('#reg-form').submit();
});
</code>
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@shuffler_agr0s
dev
Чувак ты не правильно обрабатываешь форму.

$(.class-all-form).find('form').submit(function(event){
    var text = $(this).find('input[type="name"]');
    if( text.val() < 6 ){
       text.after("<span style="color:red">Minimum 6 symbols</span>");
    }

  return false;
});


логика надеюсь понятна, а код может нести ошибки
Ответ написан
Комментировать
Revencu
@Revencu
<form onsubmit="return validFunction()">
...
</form>

Если функция validFunction() вернет false то форма не отправится
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы