自定义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格式指定了复杂的验证参数（例如字段的最大值和最小值）。