Принудительная проверка HTML5 происходит перед отправкой формы jQuery - PullRequest
Новая
       12

Принудительная проверка HTML5 происходит перед отправкой формы jQuery

0 голосов
/ 28 февраля 2020

У меня есть форма регистрации MailChimp на хостинг-сайте ASPX - традиционное действие с формой не работает, поэтому я должен был отправить форму через jQuery согласно приведенному ниже коду.

Проблема is ... проверка теперь игнорируется, и форма отправляется, даже если обязательные поля остаются пустыми ... Проверка HTML5 выдает ошибку - но jQuery затем отправляет форму и удаляет пользователя из формы. ..

Как заставить jQuery ждать подтверждения правильности HTML5 перед отправкой?

Код кнопки отправки формы: 

<input id="mc-embedded-subscribe" name="subscribe" type="submit" value="Subscribe" class="button" onClick=this.form.action='https://accountname.us2.list-manage.com/subscribe/post?u=abc&amp;id=123';this.form.submit(); /></div>

Поле, которое необходимо заполнить: 

<input id="mce-EMAIL" name="EMAIL" type="email" value="" class="required email" required  />

Обратите внимание, чтобы заставить форму работать на ASPX - мне пришлось удалить все элементы тега "form" - поэтому не уверен, что традиционный jQuery подход проверки будет работать ... См.> https://mailchimp.com/help/troubleshooting-the-embedded-signup-form/#The_embedded_form_code_doesn% 27t_work_with_ ASP. NET.

Код формы: 

<form id="formID">
        <div class="mc-field-group">
            <label for="mce-EMAIL">Email Address <span class="asterisk">*</span> </label> <input class="required email" id="mce-EMAIL" name="EMAIL" required="" type="email" value="" required /></div>


        <div class="clear SubmitBtnWrapper">
            <input class="button" id="mc-embedded-subscribe" name="subscribe" onclick="this.form.action='https://brandname.us2.list-manage.com/subscribe/post?u=123&amp;id=abc';this.form.submit();" type="submit" value="Subscribe" /></div>

    </form>
...