Правильный способ пользовательских атрибутов HTML

Question

Я пишу пользовательскую библиотеку JavaScript Paly Form и думаю о правильном синтаксисе разметки. Допустим, у меня есть вход, который требует числа от 1 000 до 10 000.

Пока что я придумал что -то вроде этого:

<input class='validate required number' min='1000' max='10000' />

Это правильный способ сделать это? У меня здесь две проблемы:

1. Я не люблю использовать занятия. Это похоже на неправильное использование. Можно ли использовать их так?
2. Мои пользовательские атрибуты min а также max Не подтверждайте.

Answer 1

С HTML5 Поддержат эту структуру, это может быть лучший способ пойти:

<input data-validate="very-yes" data-min="1000" data-max="10000"/>

В результате чего любой атрибут «Data -...» можно использовать для хранения дополнительной информации. Вы также можете прикрепить эти данные после использования сценария (ы)

Answer 2

Это прекрасно использовать такие занятия. На самом деле, это значительно облегчает ведение дела в JavaScript и CSS.

Пользовательские атрибуты не допускаются в HTML. Вместо этого следует использовать атрибут класса, чтобы добавить пользовательскую функциональность или стиль к каждому тегу.

В вашем случае я бы посоветовал добавить класс, такой как «номер-1000-10000», а затем использовать JavaScript, чтобы сделать все остальное.

Answer 3

Если вы прочитаете jQuery Validation Похоже, в нем указываются сложные аргументы проверки (например, значения MAX и MIN для поля) в формате JSON.