如何禁用Twitter Bootstrap电子邮件验证弹出窗口？

Question

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

问题是，如果电子邮件字段中的格式不是电子邮件（不包含“ @”），则Twitter引导程序会自动阻止表单提交。

有什么方法可以通过单击“登录”按钮来禁用twitter.js绑定吗？

在此处输入图片说明

一直在谷歌搜索了大约2个小时，找不到任何解决方案，因此，我将不胜感激！

Answer 1

文本类型是电子邮件的错误UX

<input type="text" />

此文本类型不错。但是在移动网页中，此<input>标记将仅显示普通文本的键盘，而不显示电子邮件的键盘。什么意思手机的键盘未显示@，因此用户应滑动键盘进行键入@。并且他们不能使用自动完成功能。这是糟糕的UX。

在标签中使用novalidate =“ novalidate”属性<form>。提交时，此属性跳过验证。这是例子。

<form novalidate="novalidate" class="simple_form new_user">
  ...
</form>

如果您使用rails ERB简单形式，则可以使用novalidate这样。

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

Answer 2

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

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