自定義HTML屬性的正確方法

Question

我正在編寫自定義表單驗證JavaScript庫，我正在考慮正確的標記語法。比方說，我有一個需要1號000和10000

之間迄今爲止的輸入，我想出了這樣的事情：

<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"/> 

藉助於此任「數據-...」屬性可以用來存儲更多的信息。您也可以在使用腳本後附加此數據

Answer 2

使用這樣的類很好。事實上，它使得在Javascript和CSS中做事更容易。

HTML中不允許使用自定義屬性。應該使用class屬性來爲每個標籤添加自定義功能或樣式。

在你的情況，我會建議添加一個類，如「number-1000-10000」，然後用Javascript來完成剩下的工作。

Answer 3

如果您閱讀jQuery Validation，它似乎以JSON格式指定了複雜的驗證參數（例如字段的最大值和最小值）。