Альтернативный синтаксис атрибута HTML5 для мобильного сайта, совместимого с jQuery

Question

Я занимаюсь разработкой мобильного сайта с использованием JQM (jQueryMobile) и HTML5, и я хотел бы знать (в дальнейшем с HTML5), каков правильный синтаксис?

Что я сейчас делаю

<input type="text" name="phone" id="phone" class="required" placeholder="Phone Number*" />

HTML5 версия (двойные кавычки не нужны)

<input type=tel name=phone id=phone required placeholder="Phone Number*" />

Моя проблема в том, что если я использую jQuery для проверки формы, мне нужно добавить class = "required", но если я использую проверку формы HTML5, я могу просто добавить обязательный атрибут. Я подумал, что смогу использовать в HTML5 и сохранить текущий синтаксис required="required" для включения обязательного и required="" для отключения обязательного, но это не так. если требуемое слово находится в теге элемента, HTML5 требует его.

Если я переключаюсь на синтаксис HTML5, возникают ли какие-либо проблемы с использованием функциональности jQuery / JQM? (Поскольку проверка HTML5 - это разумеется, но я все же хотел бы использовать jQuery в качестве резервной копии на всякий случай)

ПРИМЕЧАНИЕ: я также использую проверку на стороне сервера

Answer 1

Если вас волнует progressive enhancement, попробуйте придерживаться синтаксиса, похожего на html4.1. Это будет хорошо обрабатываться старыми браузерами и телефонами.

jQuery Mobile делает свое волшебство, даже если ваш html не html5

Answer 2

Я бы порекомендовал полагаться на проверку jQuery и, по возможности, постепенно улучшать проверку HTML5. Определите, доступна ли проверка HTML5 через Modernizr или с помощью следующего фрагмента (заимствовано из Mark diveintohtml5.ep.io Марка Пильграма):

function can_html5_validate() {
    return 'noValidate' in document.createElement('form');
}

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