Проверка формы AMP для Safari

Question

Форма AMP позволяет мне использовать проверку формы HTML5 для проверки входов пользователей. Он отлично работает в браузере браузера Chrome. Но Safari не смогла поддерживать валидацию формы HTML5 до сих пор. Я нашел решение, требует внешнего Javascript для реализации проверки формы в браузере Safari. Но в моем случае AMP не позволяет мне это делать.

Есть ли какие-либо хаки или трюки, чтобы обойти входные данные для проверки HTML5 для Safari?

Answer 1

Попробуйте сравнить ваш документ AMP с номером AMP by Example amp-form demo. Расширение amp-form реализует полисполнение API проверки формы для браузеров, которые не поддерживают встроенную проверку. Если вы используете amp-form в версиях Safari без встроенной поддержки, поведение полиполя должно запускаться автоматически.

Проверка polyfill должна выглядеть примерно так:

Answer 2

Было отмечено, в этом HTML5 documentation что:

Даже если Safari поддерживает API проверки ограничений, на момент написания этого (6-й версии), Safari не будет препятствовать представлению формы с вопросами ограничений проверки ,

Самый простой способ - использовать тот же подход, что и обходной путь, описанный выше, дать всем формам атрибут novalidate и вручную запретить отправку форм с использованием preventDefault.

При этом, вы можете проверить это thread, в котором он дает руководящие принципы в отношении AMP Формы поддержки, а также вопросы для отслеживания таких как Forms should respect the novalidate attribute. Просмотрите данные коды here и увидите, что это поможет вам.