html5表单validationmodernizr safari
这是工作示例： http ： //jsfiddle.net/trustweb/sTSMW/
我注意到使用safari 5.05的错误
如果我在html5页面中设置一个表单，如果modernizr测试失败，我将使用jquery来补充function：
Modernizr.inputtypes.email && Modernizr.input.required && Modernizr.input.placeholder 与其他浏览器（firefox，chrome和opera）一起，浏览器validation表单
在ie jquery中替换validation函数
在safari中它不起作用，在测试html5兼容性时，modernizr似乎返回true：
yepnope( { test : Modernizr.inputtypes.email && Modernizr.input.required && Modernizr.input.placeholder, nope : 'http://www.trustweb.it/webforms_home.js' });
Modernizr之所以说Safari 5支持电子邮件/必需属性，是因为它们受支持，您可以使用约束validationAPI（即input.checkValidity（），input.validity等）。 Safari 5.0.x没有validationUI，这就是为什么他们关闭了所谓的交互式表单validation（=如果validation失败则阻止提交和显示错误消息）。
实际上，你的浏览器嗅探是不对的。 Chrome已经通过validation支持HTML5，Safari 6也将支持它。 这表示可能更具未来性，可能如下所示：
yepnope( { test : Modernizr.inputtypes.email && Modernizr.input.required && Modernizr.input.placeholder && ( !$.browser.webkit || parseInt($.browser.version, 10) > 533), nope : 'javascript/webforms_home.js' });
您可以在此处找到有关表单validation的一些额外测试 。
更新 ：Modernizr现在具有用于交互式约束validation的附加function检测
实际上我没有找到如何使用modernizr，所以我实现了这个检查：
var browser=navigator.userAgent.toLowerCase(); if (browser.indexOf("safari") != -1 && browser.indexOf("chrome") == -1) browser='safari'; yepnope( { test : Modernizr.inputtypes.email && Modernizr.input.required && Modernizr.input.placeholder && browser!='safari', nope : 'javascript/webforms_home.js' });
这就是我解决同样问题的方法。 它使用Modernizr，yepnope和jQuery。
yepnope({ test : Modernizr.inputtypes.email && Modernizr.input.required && Modernizr.input.placeholder && && !jQuery.browser.safari, nope : ['js/webforms_home.js'] });
jQuery Browser API