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

Question

Я пишу пользовательскую библиотеку JavaScript проверки формы и думаю о правильном синтаксисе разметки. Допустим, у меня есть ввод, который требует число от 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

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

Answer 3

Вполне нормально использовать такие классы. На самом деле, это значительно облегчает работу в Javascript и CSS.

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

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