如何禁用twitter bootstrap电子邮件验证popover？

Question

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

问题是如果电子邮件字段中的格式不是电子邮件（不包含说＆＃39; @＆＃39;），Twitter引导会自动阻止表单提交。

有没有办法在点击我的＆＃34;登录＆＃34;时禁用此twitter .js绑定按钮？

现在谷歌搜索了大约2个小时，无法找到任何解决方案，所以我非常感谢任何答案！

Answer 1

<input type="text" />

还不错。但在移动网页中，此<input>标记会针对文字而非电子邮件显示。因此，手机的键盘没有显示@。

因此我建议采用另一种方式。

首先，您不必丢弃电子邮件类型。 在<form>标记中输入novalidate="novalidate"元素旁边，如下面的代码。

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

如果您使用rails，则输入如下。

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

Answer 2

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

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