Проверить элементы на required перед отправкой ajax?

Question

[root09]

Как правильно сделать, есть форма например:

<form>
<input name="name"  required="true" value="Имя">
<input name="name_2  required="true" value="Фамилия">
<button id="form_1">Отправить</button>
</form>

Есть JS скрипт который отлавливает нажатия кнопки с id form_1 и отправляет по ajax данные, но как сделать что бы перед отправкой сработали html проверки на required="true" ?

Comments

[OVK2015]

В обработчике нажатия кнопки:

function handler(event)
{
....
if($('.name').attr('required') != "true"){return false;}
$.ajax({....})
}

И кавычку после name_2 закройте

Answer 1

[Александр]

checkValidity() на форму повесить, возвращает true или false
Если false - вызвать submit формы, отработают стандартные проверки и сообщения, если true - отправляем ajax-ом