自定义 HTML 属性的正确方法
-
22-09-2019 - |
题
我正在编写自定义表单验证 javascript 库,并且正在考虑正确的标记语法。假设我有一个输入,需要 1 000 到 10 000 之间的数字。
到目前为止,我想出了这样的事情:
<input class='validate required number' min='1000' max='10000' />
这是正确的方法吗?我这里有两个问题:
- 我不喜欢使用类。感觉像是误用。像这样使用它们可以吗?
- 我的自定义属性
min
和max
不验证。
解决方案
自从 HTML5 将支持这种结构,这可能是最好的方法:
<input data-validate="very-yes" data-min="1000" data-max="10000"/>
由此,任何“data-...”属性都可以用于存储更多信息。您还可以在使用脚本后附加此数据
其他提示
使用这样的类是完全可以的。事实上,它使得用 Javascript 和 CSS 做事变得更加容易。
HTML 中不允许使用自定义属性。应该使用 class 属性来向每个标签添加自定义功能或样式。
对于你的情况,我建议添加一个类,例如“number-1000-10000”,然后使用 Javascript 来完成其余的工作。
如果您阅读了 jQuery 验证 它似乎指定了复杂的验证参数(例如JSON 格式的字段的最大值和最小值。
不隶属于 StackOverflow