В чем проблема сафари?

Question

[Дмитрий]

Имеется вот такой сайт.

Во всех браузерах всё работает как нужно. В сафари же, во-первых, не валидируется форма (точнее, submit все равно срабатывает, вне зависимости от пустых полей). Во-вторых, при submit-е формы, почему-то происходит скролл вниз примерно на один экран.

Для валидации использую jquery.validationEngine.js. На сколько я знаю, проблем с сафари этот плагин не имеет.

Буду благодарен за любую помощь.

UPD: Safari is the latest version, mac os Sierra

Comments

[Назар Мокринский]

Версия Safari?

[Дмитрий]

Назар Мокринский: нужно уточнить у заказчика, т.к. тестировать могу только на его устройстве. Но думаю что одна из последних

[Дмитрий]

Назар Мокринский: Safari is the latest version, mac os Sierra :)

Answer 1

[MaxFreedom]

В каждом браузере могут быть свои стили, поэтому нужно изначально их обнулять для каждого браузера. Submit всегда будет срабатывать при наличии пустых полей, его скролл говорит о том, что он пытается выполнить форму, которая скорее всего никуда не ведёт и никак не проверяется. Чтобы избежать пустых полей нужно запретить обрабатывать пустые поля. К примеру, на html5 ты не отправить форму, пока не введёшь что-то похожее на e-mail 123@123.123

Comments

[Дмитрий]

Т.е. нужно сделать инпуту type="email" и обязательно указать required? Оно и так указано
Использую normilize для обнуления

[MaxFreedom]

requared - это поле обязательное для заполнения. А на счёт что писать в type - это в зависимости от того, для чего именно это поле, может быть type="text", type="password". Так же нужно писать обработчик формы, после обработчика не думаю, что что-то съедет. К примеру обработчик формы какой-нибудь файл php.

[Дмитрий]

Romantic: у меня для каждого поля указан свой тип. Каждому полю указано required (т.е. уже, по сути, submit не должен срабатывать если поля пустые). Форма отправляется в файл php, письма отправляются. Помимо стандартного required я использую дополнительную либу для валидации, которую я указал выше. Во ВСЕХ браузерах либа отрабатывает идеально, и только в сафари данная проблема. Мне нужно бороться ТОЛЬКО с сафари. Не понимаю к чему ваши советы :)

[MaxFreedom]

Дмитрий: Именно Safari не поддерживает атрибут requared, нужно использовать JS.

Your name:


var form = document.getElementById('formID');
form.noValidate = true;
form.addEventListener('submit', function(event) {
if (!event.target.checkValidity()) {
event.preventDefault();
alert('Please, fill the form');
}
}, false);

[Дмитрий]

Romantic: как-то упустил момент с HTML5 API. Не знаю работает ли ваш решение, проверю как будет возможность, но за API спасибо

[Дмитрий]

Romantic: ваше решение не помогло