Javascript 如何禁用twitter引导电子邮件验证弹出窗口?

Javascript 如何禁用twitter引导电子邮件验证弹出窗口?,javascript,jquery,twitter-bootstrap,ruby-on-rails-4,Javascript,Jquery,Twitter Bootstrap,Ruby On Rails 4,我有一个电子邮件类型的表单字段用于登录。我们还允许用户使用他们的昵称和电话号码登录 问题是,如果email字段中的格式不是email(不包含say'@'),Twitter引导会自动阻止表单提交 有没有办法在单击我的“登录”按钮时禁用这个twitter.js绑定 我已经在谷歌上搜索了大约2个小时,但找不到任何解决方案,所以如果有任何答案,我将不胜感激 只需使用不带电子邮件属性的html: <input type"email" /><!--will block--> <

我有一个电子邮件类型的表单字段用于登录。我们还允许用户使用他们的昵称和电话号码登录

问题是,如果email字段中的格式不是email(不包含say'@'),Twitter引导会自动阻止表单提交

有没有办法在单击我的“登录”按钮时禁用这个twitter.js绑定


我已经在谷歌上搜索了大约2个小时,但找不到任何解决方案,所以如果有任何答案,我将不胜感激

只需使用不带电子邮件属性的html:

<input type"email" /><!--will block-->
<input type="text" /><!--will not block-->

电子邮件的文本类型不正确

这种文本类型不错。但是在移动网页中,这个
标签将显示键盘,而不是普通的。 这是什么意思?手机键盘上没有显示
@
,所以用户应该滑动键盘键入
@
。他们不能使用。这是糟糕的ux

解决方案 在
标记中使用属性。此属性在提交时跳过验证。下面是一些例子


...
如果您使用rails ERB简单表单,那么您可以这样使用

<%= simple_form_for(resource, html: { novalidate: true }) do |f| %>
  ...
<% end %>

...
工具书类

我知道,但由于大多数用户都是通过电子邮件登录的,因此我希望在手机上显示适当的键盘(带有@符号),让他们的体验更加流畅。谢谢你的回答!使用type text也将接受@作为电子邮件…因此,您需要在不验证或验证的情况下使用text type…type=“text”是否也会在智能手机上显示带有@符号的键盘?只需在表单中使用
novalidate
标记,或将
type=“email”
更改为
type=“text”
并在移动设备中丢失键盘建议