letehaha
@letehaha
Вникаю вo front-end

Почему не работает валидация формы на github page?

UPD: Изменил название вопроса
Использую jQuery validationEngine. На локалке все работает нормально, форма проверяется на условия. Перенес на хостинг (github page) и проверка перестала работать. В чем может быть проблема? На нормальном хостинге все работает
<form id="contact-form">

	<div class="contact-form_input-container">
		<input class="contact-form_input validate[required,minSize[4]]" id="contact-name" type="text" name="Name">
		<label class="contact-form_label" for="first_name">Имя</label>
	</div>

	<div class="contact-form_input-container">
		<input class="contact-form_input validate[required, custom[email]]" id="contact-email" type="email" name="E-mail">
		<label class="contact-form_label" for="email">E-mail</label>
	</div>

	<div class="contact-form_textarea-container">
		<textarea class="contact-form_input validate[required,minSize[20]]" name="Message" id="contact-text" cols="30" rows="5"></textarea>
		<label class="contact-form_label" for="text_message">Сообщение</label>
	</div>

	<div class="contact-form_submit-container">
		<input class="contact-form_submit" type="submit" value="Отправить" name="submit" id="send">
	</div>

</form>
$("#contact-form").validationEngine('attach',{
	promptPosition : "bottomLeft", maxErrorsPerField : 1,
	showArrow : false, 'custom_error_messages':{
		'#contact-name' : {
			'required' : {
				'message' : "* Это поле обязательно."
			},
			'minSize' : {
				'message' : "* Слишком коротко."
			}
		},
		'#contact-email' : {
			'required' : {
				'message' : "* Это поле обязательно."
			},
			'custom[email]' : {
				'message' : "* Тут где-то ошибка."
			}
		},
		'#contact-text' : {
			'required' : {
				'message' : "* Это поле обязательно."
			},
			'minSize' : {
				'message' : "* Нужно чуть больше слов."
			}
		}
	}
});


$('#contact-form').submit(function(e) {
		e.preventDefault();
		$.ajax({
			url: 'https://formspree.io/letehaha@gmail.com', 
  		method: 'POST',
  		data: $(this).serialize(),
  		dataType: 'json'
		}).done(function() {
			setTimeout(function() {
				$('#contact-form').trigger('reset');
			}, 2200);
		});
	});
  • Вопрос задан
  • 458 просмотров
Пригласить эксперта
Ответы на вопрос 1
@vashaaa
Юх с горы
Скорее всего проблема с подключением jQuery. Вы бы скинули весь код глянуть, а то не понятно ни черта.
Ответ написан
Ваш ответ на вопрос

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

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