Вот
тут, внизу есть форма обратной связи. Я отпhавляю её при помощи ajax.
Вот код формы:
<form action="/obratnaya-svyaz/" method="post" id="feedback">
<p>Name*</p>
<p><input type="text" name="author" value="" size="40" required=""></p>
<p>E-mail*</p>
<p><input type="email" name="email" value="" size="40" required=""></p>
<p>Message</p>
<p><textarea name="question" cols="40" rows="10"></textarea></p>
<p>
<input type="submit" value="Отправить">
</p>
</form>
вот js:
$('#feedback').on('submit', function(){
var formUrl = $(this).attr('action'),
formMethod = $(this).attr('method'),
formData = $(this).serialize();
$.ajax({
url: formUrl,
type: formMethod,
data: formData
}).done(function() {
alert("Ваше сообщение отправлено! Спасибо!");
form.trigger('reset');
}).fail(function() {
alert("Ошибка! Сообщение не было отправлено!");
});
return false;
});
Почему, когда во всех норм браузерах, если не ввести данные в поле, то вылазит сообщение об ошибке, при помощи атрибута required, а паганому сафари все ровно и он отправляет ее?