Maneira correta para atributos HTML personalizados

Question

Estou escrevendo a biblioteca JavaScript de validação de formulário personalizado e estou pensando na sintaxe de marcação correta. Digamos que eu tenha uma entrada que requer número entre 1 000 e 10 000.

Até agora, criei algo assim:

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

É essa maneira correta de fazer isso? Eu tenho dois problemas aqui:

1. Não gosto de usar aulas. Parece um uso indevido. Tudo bem usá -los assim?
2. Meus atributos personalizados min e max Não valide.

Answer 1

Desde Html5 apoiará essa estrutura, pode ser o melhor caminho a seguir:

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

Em que qualquer atributo "dados -..." pode ser usado para armazenar mais informações. Você também pode anexar esses dados depois de usar o (s) script (s)

Answer 2

É perfeitamente bom usar classes como essa. De fato, facilita muito o que fazer as coisas no JavaScript e no CSS.

Atributos personalizados não são permitidos no HTML. O atributo de classe deve ser usado para adicionar funcionalidade ou estilo personalizado a cada tag.

No seu caso, recomendaria adicionar uma classe como "Número-1000-10000" e, em seguida, usar o JavaScript para fazer o resto.

Answer 3

Se você ler o Validação do jQuery Parece especificar os argumentos de validação complicados (por exemplo, valores max e min para um campo) no formato JSON.