ios - bootstrap "required"表单验证弹出窗口在 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>

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

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

是否有简单的解决方法，或者我是否需要使用 jquery 插件？

Answer 1

该消息是由 HTML5 的“必需”属性触发的浏览器默认设置。不幸的是，iOS 和许多其他浏览器尚不支持它。

http://caniuse.com/form-validation

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