カスタムHTML属性の正しい方法

Question

私はカスタムフォームの検証JavaScriptライブラリを執筆しており、正しいマークアップ構文について考えています。 1 000〜10 000の数値が必要な入力があるとしましょう。

これまでのところ、私はこのようなものを思いつきました：

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

これは正しい方法ですか？ここには2つの問題があります。

1. クラスを使用するのは好きではありません。誤用のように感じます。このように使用しても大丈夫ですか？
2. 私のカスタム属性 min と max 検証しないでください。

Answer 1

以来 HTML5 この構造をサポートします、それは行くのに最適な方法かもしれません：

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

これにより、「データ-...」属性を使用して詳細情報を保存できます。スクリプトを使用した後にこのデータを添付することもできます

Answer 2

そのようなクラスを使用することはまったく問題ありません。実際、JavaScriptとCSSで物事を行うことがはるかに簡単になります。

HTMLではカスタム属性は許可されていません。代わりにクラス属性を使用して、各タグにカスタム機能またはスタイルを追加する必要があります。

あなたの場合、「番号1000-10000」などのクラスを追加することをお勧めし、JavaScriptを使用して残りを行います。

Answer 3

あなたが読んだら jQueryの検証 JSON形式で複雑な検証引数（フィールドの最大値と最小値）を指定しているようです。