我正在使用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作为“以防万一”备份)
注意:我也在使用服务器端验证
答案 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的验证插件有任何冲突。