Проверка формы HTML5

[KupueIIIKo]

Хотелось бы понять, как сделать, чтоб javascript выполнялся, после проверки валидации в html5...

$("#auth_button").click(function(){
						$.ajax({
							async: false,
							type: "POST",
							data: "email=" + $("#email").val() + "&password=" + $("#password").val() ,
							url: "panel.php",
							success: function(data){
									$("#wrapper").html(data);
							}
						});
				});

<form id="auth">
					<input id="email" placeholder ="email" required="required" autocomplete="off" /><br />
					<input id="password" placeholder ="password" required="required" autocomplete="off" /><br />
					<input id="auth_button"  type="button" value="Войти в панел\" />
				</form>

Вот нужно чтоб по клику на кнопку, сперва шла проверка html5 потом тока передавались данные

[lord2kim]

KupueIIIKo, ну так и проверьте сначала $("#email").val(), $("#password").val(), а потом (не)вызывайте $.ajax() в зависимости от исхода проверки

[KupueIIIKo]

Я хочу проверку валидации от Html5

[dmitriymar]

Я хочу проверку валидации от Html5

дак а js причём?

Хотелось бы понять, как сделать, чтоб javascript выполнялся, после проверки валидации в html5...

никак, да и что вы понимаете под валидацией?

[KupueIIIKo]

форма же должна возвращать какое-то свойство а валидацию)

[melky]

ТС имел в виду это

<form onsubmit="alert('отправляем');return false;">

<label for="ex">ввести сюда можете только цифру одну, и сразу букву одну Вы</label>

<input id="ex" type="text" placeholder="СЮДА!!!!!!!1" *!* required  pattern="\d[а-яА-Яa-zA-Z]"*/!*>

<input type="submit" value=":)">

</form>

[KupueIIIKo]

Короче дел к ночи перековырял W3C и много мануала! Щас вам выложу мою проверку)

[KupueIIIKo]

function getBySel(id) { return document.querySelector(id); }
		var form = getBySel("#auth");
		if (form.checkValidity()===true)
			{Выполняет если вся форма прошла валидацию}

Жду спасибо и т. д. )

[iLiman]

Недавно столкнулся с подобным вопросом, решение оказалось проще чем я думал:

$("#form").submit(function() {
#code...(ajax запрос в вашем случае);
});

Пока не пройдет валидация формы средствами HTML5(или иными), код не запустится.
Конечно ложка хороша к обеду, но надеюсь поможет кому-то еще.

[animhotep]

---