Проверка формы html5 не работает с iphone, Android или сафари

Я пытаюсь реализовать проверку формы html5 для своего веб-приложения, но она не работает с сафари 5.0.1, iphone3 или android2. Требуется ли атрибут ввода формы, шаблон или что-либо, связанное с проверкой, не поддерживаемое этими браузерами, или я ошибаюсь?

Он работает с mozilla, chrome и opera. Если я использую html5 form validation, то снова мне нужно написать код как резерв. Является ли хорошей идеей использовать этот или старый способ как jquery и простой javascript? Если у кого-нибудь есть идея, скажите мне.

Пожалуйста, проверьте эту ссылку (я написал код) и попробую в iphone, android или safari:

http://24ways.org/examples/have-a-field-day-with-html5-forms/24ways-form.html

ОТВЕТЫ

Ответ 1

Если вы используете jQuery, вы можете посмотреть плагин h5Validate. Это добавляет поддержку кросс-браузера для проверки формы до IE6. Согласно веб-сайту :

  • Регулярно тестируется в 13 разных браузерах, IE6 - IE9, FireFox, Chrome, iPhone и Android.

  • Реализует лучшие практики, основанные на 1000 опросах пользователей, несколько исследования удобства использования и поведение миллионов пользователей в режиме реального времени производственных средах.

Поддерживаемые платформы:

  • Рабочий стол: IE 9, 8, 7, 6, Chrome, Firefox, Safari и Opera. Протестировано Windows 7 и Mac.

  • Мобильный: iPhone, Android, Palm WebOS

Ответ 2

Firefox и Opera поддерживают HTML 5 и, в частности, проверяют форму...

Я только что провел два дня, написав новый код, чтобы реализовать IE, и Safari еще не выполнили проверку HTML 5...

Мой выбор ясен, либо я перекодирую с помощью javascript (сложно, поскольку форма динамически создается), либо расскажите всем, как использовать Firefox или Opera, иначе проверка не будет реализована...

Мой выбор... сохранить мой текущий код и дождаться, пока остальные догонят...

Firefox и IE10 поддерживают некоторые из них.

Opera и Chrome поддерживают все это.

Safari поддерживает все это, но формальная проверка по умолчанию отключена.

Обновление... Просто наберите сообщение, в котором говорится, что Safari не поддерживает проверку формы, неудивительно, что я не смог найти его, чтобы включить его?

Ответ 3

Чтобы быть максимально дружественным к перекрестному браузеру, вы всегда должны указывать на то, что клиентские платформы не будут поддерживать более новые вещи, такие как проверка HTML5. Таким образом, при использовании возможностей новых браузеров это замечательно, и вы можете дать своим пользователям гораздо более приятный опыт, но важно помнить, что не у всех одинаковые возможности.

При этом любая проверка, которую вы выполняете в браузере (с Javascript или HTML5), является лишь удобством для пользователя и экономией при обращении к серверу. Вы должны ВСЕГДА внедрить проверку на сервере, потому что очень легко обойти проверку на стороне клиента. Мой предпочтительный способ разработки состоит в том, чтобы сначала выполнить проверку на стороне сервера, а затем, когда это будет твердо, добавьте основанную на javascript, а затем проверку на основе HTML5, используя подход "прогрессивной разработки" к прогрессивное улучшение.

Ответ 4

Я столкнулся с той же проблемой с приложением поиска работы, которое я сейчас создаю. Плагин h5Validate решил эту проблему. Он плагины в дырах проверки HTML5 для многих браузеров и устройств:

  • Рабочий стол: IE 9, 8, 7, 6, Chrome, Firefox, Safari и Opera. Протестировано на Windows 7 и Mac.
  • Мобильный: iPhone, Android, Palm WebOS

Если вы когда-либо использовали плагин проверки jQuery, он очень похож. Подумайте об этом как о расширении форм HTML5.

Ответ 5

Почему бы вам не попробовать webshim? У меня была такая же проблема, и теперь все круто! Все, что у вас есть, - это загрузить библиотеку, а затем поместить в свой проект папку js-webshim. Включите этот код

<script src="js-webshim/minified/polyfiller.js"></script> 

<script> 
    webshim.activeLang('en');
    webshims.polyfill('forms');
    webshims.cfg.no$Switch = true;
</script>

Я надеюсь, что это тоже поможет вам.