Modo corretto per gli attributi HTML personalizzato

Question

Le scrivo modulo convalida personalizzata libreria javascript e sto pensando di sintassi di markup corretto. Diciamo che ho un input che richiede numero compreso tra 1 000 e 10 000.

Finora, mi si avvicinò con qualcosa di simile:

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

E 'in questo modo corretto per farlo? Ho due problemi qui:

1. Non mi piace usare le classi. Ci si sente come un uso improprio. E 'OK usarli come questo?
2. attributi mia abitudine min e max non convalidano.

Answer 1

HTML5 sosterrà questa struttura, potrebbe essere il modo migliore andare:

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

Per cui qualsiasi "-... dati" attributo può essere utilizzato per memorizzare maggiori informazioni. Si potrebbe anche allegare questi dati dopo l'utilizzo di script (s)

Answer 2

E 'perfettamente bene a utilizzare le classi in quel modo. In realtà, si fa fare le cose in JavaScript e CSS molto più facile.

Gli attributi personalizzati non sono ammessi in HTML. L'attributo classe dovrebbe essere usato al posto di aggiungere funzionalità personalizzate o di stile per ogni tag.

Nel tuo caso, vorrei consigliare di aggiungere una classe come "numero-1000-10000", e quindi utilizzare Javascript per fare il resto.

Answer 3

Se leggete la jQuery convalida sembra specificare gli argomenti di validazione complicate (ad esempio max e valori min per un campo) in formato JSON.