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

时间:2011-03-30 15:22:03

标签: jquery html5 syntax jquery-mobile

我正在使用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表单验证,我只需添加必需的属性即可。我以为我可以在HTML5中使用并保持当前语法required="required"以启用必需和required=""禁用所需,但事实并非如此。如果所需的单词在元素标签中,则HTML5需要它。

如果我切换到HTML5语法使用jQuery / JQM功能有什么问题吗? (由于HTML5验证是noce,但我仍然希望使用jQuery作为“以防万一”备份)

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

2 个答案:

答案 0 :(得分:1)

如果您关心progressive enhancement,请尝试使用类似于html4.1的语法。 旧版浏览器和功能手机将很好地处理它。

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

答案 1 :(得分:0)

我建议依赖jQuery验证,并尽可能逐步增强HTML5验证。通过Modernizr或使用以下代码段(从Mark Pilgram's diveintohtml5.ep.io借用)检测HTML5验证何时可用:

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

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