ios - 引导“必需”表单验证弹出窗口在 ipad（safari 或 chrome）上不起作用

Question

此标记在桌面浏览器上运行良好

<form class="form-inline" action="/action/sign-me-up" method="post" onsubmit="return false;">
<input type="email" placeholder="Email" class='email' required title="Join our email list">
</form>

如果我在 input[type=email] 中提交的表单没有有效的电子邮件，我会收到一个弹出窗口，上面写着“请填写此字段”并且表单不会提交。

但是，在 ipad 上，当用户输入电子邮件时，我确实得到了实时验证（红色边框），但如果他们点击提交，我不会得到弹出框。

有没有简单的解决方法，还是我需要使用 jquery 插件？

Answer 1

该消息是由 HTML5 'required' 属性触发的浏览器默认值。不幸的是，iOS 和许多其他浏览器还不支持它。

http://caniuse.com/form-validation

我们刚刚遇到了同样的问题，我们用 Webshims 库解决了这个问题 - http://afarkas.github.io/webshim/demos/ 它是用 jQuery 编写的，构建在 Modernizr 之上。