Forma correcta de atributos HTML personalizadas

Question

Le escribo biblioteca javascript de validación de formularios personalizados y estoy pensando en sintaxis de marcado correcta. Digamos que tengo una entrada que requiere número entre 1 000 y 10 000.

Hasta el momento, se me ocurrió algo como esto:

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

Es de esta manera correcta de hacerlo? Tengo dos problemas aquí:

1. No me gusta el uso de clases. Se siente como un mal uso. ¿Está bien para usarlos como este?
2. Mi atribuye a medida min y max no lo valide.

Answer 1

HTML5 apoyará esta estructura, que podría ser la mejor manera ir:

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

Por el cual ningún "datos -..." atributo se puede utilizar para almacenar más información. También puede asociar estos datos después de usar escritura (s)

Answer 2

Es perfectamente posible utilizar las clases de esa manera. De hecho, hace que hacer las cosas en Javascript y CSS mucho más fácil.

Los atributos personalizados no están permitidos en HTML. El atributo de clase debe utilizarse en lugar de agregar funcionalidad o estilo personalizado a cada etiqueta.

En su caso, se lo recomiendo a la adición de una clase como "número 1000-10000", y luego usar JavaScript para hacer el resto.

Answer 3

Si usted lee la jQuery Validación parece que especificar los argumentos de validación complicadas (por ejemplo, como máximo y los valores min de un campo) en formato JSON.