不存在的属性HTML输入字段

Question

将非现有属性附加到html元素以便在jquery中使用它是一种好习惯.例如

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

然后只需使用jquery选择包含名为valrule的属性的所有元素并解析正则表达式字符串.

就编程标准和最佳实践而言,这是一个"禁忌"吗？

Answer 1

你应该使用前缀data-<myAttribute>.HTML5支持它,其他浏览器会忽略它,您可以使用该.data()方法使用jQuery轻松访问它.

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

你可以像这样检索那些信息:

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