Ios “引导”;“必需”;表单验证弹出窗口不';不能在ipad上工作(safari或chrome)

Ios “引导”;“必需”;表单验证弹出窗口不';不能在ipad上工作(safari或chrome),ios,ipad,jquery-plugins,twitter-bootstrap,validation,Ios,Ipad,Jquery Plugins,Twitter Bootstrap,Validation,此标记在桌面浏览器上运行良好 <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=emai

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

<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插件?

该消息是由HTML5“required”属性触发的浏览器默认值。不幸的是,iOS和其他一些浏览器还不支持它

我们刚刚遇到了与Webshims库解决的问题相同的问题,它是用jQuery编写的,构建在Modernizer之上