既存の属性がないHTML入力フィールド

Question

jqueryで使用するために、既存の属性をhtml要素に付加することをお勧めします。例：

<input type="text" valrule="someregexstring" /> 

次に、jrueryを使用して、valruleという属性を含むすべての要素を選択し、正規表現文字列を解析します。

プログラミングの標準とベストプラクティスが行われる限り、これは「ノー・ゴー」ですか？このような新しい属性の

Answer 1

プレフィックスdata-<myAttribute>を使用してください。これはHTML5でサポートされていますが、他のブラウザでは無視され、.data()メソッドを使用してjQueryで簡単にアクセスできます。

<input id="myInput" type="text" data-MySuperMassiveAttribute="Awesome"/> 

、あなたはそうのようにその情報を取得することができます。まだHTML5をサポートしていません

var howAmI = $('#myInput').data('MySuperMassiveAttribute'); 
alert(howAmI); // now everybody knows how awesome you are ;-) 

Answer 2

使用HTML5データ - プレフィックス：私は個人的にそれをしないだろう

http://ejohn.org/blog/html-5-data-attributes/

Answer 3

<input type="text" data-valrule="someregexstring" /> 

その有効なHTML 5 ..一部のブラウザでは、HTMLの解析時に「存在しない」属性が無視されるため、これらの属性はブラウザのページDOMに保存されません。 jQueryセレクタが実行されると、この属性が見つからないことがあります。

HTML5準拠のブラウザで動作させることが保証されている場合は、HTML5 という接頭辞を属性に使用できます（例：

<input type="text" data-valrule="someregexstring" /> 

ただし、これは古いブラウザで実行しても機能しない可能性があります。たとえば、クライアントのほぼ半数がIE7を使用してアップグレードを計画していない（政府のスピードで動いている）ことがわかりました。

Answer 4

間違いなく可能です。 HTML5では、data-という属性が導入されましたが、非標準属性を標準的な方法で要素に設定することができます。

あなたは、単にdata-

<input type="text" data-valrule="someregexstring" /> 

と属性名の前に付けるこれはHTML5で導入された、が、あなたはまだHTML4のための文書でそれを使用することができます。 jQueryの（1.4.3+）を使用

---

、DATA-属性は.data()でアクセスすることができる - または.attr()介し。