与 jQuery 兼容的移动网站的 HTML5 属性替代语法

发布于 2024-10-28 01:00:27 字数 707 浏览 3 评论 0原文

我正在使用 JQM (jQueryMobile) 和 HTML5 开发一个移动网站，我想知道（继续使用 HTML5）正确的语法是什么？

我目前正在做的

<input type="text" name="phone" id="phone" class="required" placeholder="Phone Number*" />

HTML5 版本（不需要双引号）

<input type=tel name=phone id=phone required placeholder="Phone Number*" />

我的问题是，如果我使用 jQuery 进行表单验证，我需要添加 class="required"，但如果我使用 HTML5 表单验证，我只需添加 required 属性。我以为我可以在 HTML5 中使用并保留当前语法 required="required" 来启用 required 并使用 required="" 来禁用 required，但事实并非如此。如果所需的单词位于元素标签中，则 HTML5 需要它。

如果我切换到 HTML5 语法，使用 jQuery/JQM 功能是否会出现任何问题？（由于 HTML5 验证是 noce，但我仍然想使用 jQuery 作为“以防万一”备份）

注意：我也使用服务器端验证

原文

I'm developing a mobile site using JQM (jQueryMobile) and HTML5 and I wanted to know (going forward with HTML5) what is the correct syntax?

What I'm currently doing

<input type="text" name="phone" id="phone" class="required" placeholder="Phone Number*" />

HTML5 version (no double quotes needed)

<input type=tel name=phone id=phone required placeholder="Phone Number*" />

My issue is if I use jQuery for the form validation I need to add the class="required", but if I use HTML5 form validation I can just add the required attribute. I thought I could use in HTML5 and keep the current syntax required="required" to enable required and required="" to disable required, but that's not the case. if the word required is in the element tag HTML5 requires it.

If I switch to HTML5 syntax are there any issues in using jQuery/JQM functionality? (As the HTML5 validation is noce but I would still like to use jQuery as a "Just in case" backup)

NOTE: I'm also using server side validation as well

分享到QQ

分享到微博

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

发布评论

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

别想她 2024-11-04 01:00:27

如果您关心渐进式增强，请尝试坚持使用类似于 html4.1 的语法。
旧版浏览器和功能手机可以很好地处理它。

即使您的 html 不是 html5，jQuery Mobile 也能发挥其魔力

回复收藏 0 原文

﹉夏雨初晴づ 2024-11-04 01:00:27

我建议依赖 jQuery 验证，并在可能的情况下逐步增强 HTML5 验证。通过 Modernizr 或使用以下代码片段（借自 Mark Pilgram 的 divintohtml5.ep 来检测 HTML5 验证何时可用。 io)：

function can_html5_validate() {
    return 'noValidate' in document.createElement('form');
}

如果可用，则使用 HTML5 验证，否则，回退到 jQuery。我使用了这个方法，并没有注意到与 jQuery 的验证插件有任何冲突。

I would recommend relying on the jQuery validation, and progressively enhancing with HTML5 validation when possible. Detect when HTML5 validation is available through Modernizr, or with the following snippet (borrowed from Mark Pilgram's diveintohtml5.ep.io):

function can_html5_validate() {
    return 'noValidate' in document.createElement('form');
}

If it is available, use the HTML5 validation, otherwise, fall back to jQuery. I used this method and did not notice any conflicts with jQuery's validation plug-in.

回复收藏 0 原文

~没有更多了~