自定义 HTML 属性的正确方法
我正在编写自定义表单验证 javascript 库,并且正在考虑正确的标记语法。假设我有一个输入,需要 1 000 到 10 000 之间的数字。
到目前为止,我想出了这样的方法:
<input class='validate required number' min='1000' max='10000' />
这是正确的方法吗?我这里有两个问题:
- 我不喜欢使用类。感觉像是误用。像这样使用它们可以吗?
- 我的自定义属性
min
和max
未验证。
I am writing custom form validation javascript library and I am thinking about correct markup syntax. Let's say I have an input that requires number between 1 000 and 10 000.
So far, I came up with something like this:
<input class='validate required number' min='1000' max='10000' />
Is this correct way to do it? I have two problems here:
- I don't like using classes. It feels like misuse. Is it OK to use them like this?
- My custom attributes
min
andmax
don't validate.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
由于 HTML5 将支持此结构,因此这可能是最好的方法:
由此,任何“data-...”属性都可以用于存储更多信息。您还可以在使用脚本后附加此数据
Since HTML5 will support this structure, it might be the best way to go:
Whereby any "data-..." attribute can be used to store more info. You could also attach this data after using script(s)
使用这样的类是完全可以的。事实上,它使得用 Javascript 和 CSS 做事变得更加容易。
HTML 中不允许自定义属性。应该使用 class 属性来向每个标签添加自定义功能或样式。
对于你的情况,我建议添加一个类,例如“number-1000-10000”,然后使用 Javascript 来完成其余的工作。
It's perfectly fine to use classes like that. In fact, it makes doing things in Javascript and CSS a lot easier.
Custom attributes are not allowed in HTML. The class attribute should be used instead to add custom functionality or style to each tag.
In your case, I would advise adding a class such as "number-1000-10000", and then use Javascript to do the rest.
如果您阅读jQuery 验证,它似乎指定了复杂的验证参数(例如最大值和最小值)对于字段)采用 JSON 格式。
If you read the jQuery Validation it seems to specify the complicated validation arguments (e.g. max and min values for a field) in JSON format.