UPDATE:
Чтобы рассмотреть вопрос в перспективе, я создал еще одну Fiddle , которая показывает ту же форму за пределами модальной.
Когда он удовлетворяет правильным условиям, т.е. вы набираете адрес электронной почты и нажимаете кнопку «Начать», он правильно отображает страницу PHP, в этом случае он показывает ошибку 404, но выполняет то, что должен делать, ОТПРАВИТЬ!
ОРИГИНАЛЬНАЯ ЗАДАЧА:
Теперь вернемся к проблеме: я хотел бы отправить свою форму в модале начальной загрузки, но когда я открываю модальный и набираю электронное письмо, и нажимаю кнопку начала: НИЧЕГО НЕ ПРОИСХОДИТ
Что я делаю не так? Отсутствует ли решение JavaScript для правильной отправки формы или мешают ошибки проверки?
Я новичок в JavaScript, поэтому я не могу найти решение для кодирования, если оно на самом деле основано на js.
Пожалуйста, помогите мне разобраться в этой странной модальной проблеме, спасибо!
Скрипка: https://jsfiddle.net/o5vpt6ck/3/
HTML:
<form id="signup-form" class="cd-signin-modal__form" action="confirm.php" method="post">
<h3 class="bigsentence black text-center font-weight-bold">Create</h3>
<p class="cd-signin-modal__fieldset">
<label class="cd-signin-modal__label cd-signin-modal__label--email cd-signin-modal__label--image-replace" for="signup-email">Enter your email address</label>
<input class="cd-signin-modal__input cd-signin-modal__input--full-width cd-signin-modal__input--has-padding cd-signin-modal__input--has-border signupfield" id="email" type="email" name="email" placeholder="Enter your email address">
</p>
<p class="cd-signin-modal__fieldset">
<input class="cd-signin-modal__input cd-signin-modal__input--full-width" name="submit" type="submit" value="GET STARTED">
</p>
</form>
JS:
$("#signup-form").validate ({
// validation rules for registration formd
errorClass: "error-class",
validClass: "valid-class",
errorElement: 'div',
errorPlacement: function(error, element) {
if(element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
onError : function(){
$('.input-group.error-class').find('.help-block.form-error').each(function() {
$(this).closest('.form-group').addClass('error-class').append($(this));
});
},
rules: {
email: {email:true, required:true}
},
messages: {
email: {
required: "Please enter your email address",
},
highlight: function(element, errorClass) {
$(element).removeClass(errorClass);
}
}
});