自定义 HTML 属性的正确方法

发布于 2024-08-22 02:01:35 字数 336 浏览 7 评论 0原文

我正在编写自定义表单验证 javascript 库,并且正在考虑正确的标记语法。假设我有一个输入,需要 1 000 到 10 000 之间的数字。

到目前为止,我想出了这样的方法:

<input class='validate required number' min='1000' max='10000' />

这是正确的方法吗?我这里有两个问题:

  1. 我不喜欢使用类。感觉像是误用。像这样使用它们可以吗?
  2. 我的自定义属性 minmax 未验证。

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:

  1. I don't like using classes. It feels like misuse. Is it OK to use them like this?
  2. My custom attributes min and max don't validate.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

我不会写诗 2024-08-29 02:01:35

由于 HTML5 将支持此结构,因此这可能是最好的方法:

<input data-validate="very-yes" data-min="1000" data-max="10000"/>

由此,任何“data-...”属性都可以用于存储更多信息。您还可以在使用脚本后附加此数据

Since HTML5 will support this structure, it might be the best way to go:

<input data-validate="very-yes" data-min="1000" data-max="10000"/>

Whereby any "data-..." attribute can be used to store more info. You could also attach this data after using script(s)

此刻的回忆 2024-08-29 02:01:35

使用这样的类是完全可以的。事实上,它使得用 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.

¢蛋碎的人ぎ生 2024-08-29 02:01:35

如果您阅读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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文