javascript - 如何禁用 twitter bootstrap 电子邮件验证弹出窗口?

标签 javascript jquery twitter-bootstrap ruby-on-rails-4

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

问题是,如果电子邮件字段中的格式不是电子邮件(不包含说“@”),Twitter Bootstrap 会自动阻止表单提交。

有什么方法可以在单击我的“登录”按钮时禁用此 twitter .js 绑定(bind)吗?

enter image description here

谷歌搜索了大约 2 个小时,但找不到任何解决方案,所以我将不胜感激任何答案!

最佳答案

文本类型对电子邮件来说是糟糕的用户体验

<input type="text" />

这种文本类型还不错。但是在移动网页中,这个<input>标签将正常显示键盘 text不是email . 这是什么意思?手机键盘没有显示@ , 所以用户应该滑动键盘输入 @ .而且他们不能使用 autocomplete .这是糟糕的用户体验。

解决方案

使用novalidate="novalidate"在你的属性 <form>标签。此属性在提交时跳过验证。这是示例。

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

如果你使用rails ERB simple-form,那么你可以使用novalidate像这样。

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

引用资料

关于javascript - 如何禁用 twitter bootstrap 电子邮件验证弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23292050/

相关文章:

javascript - 提交按钮和 jQuery

jquery - 减少 Bootstrap 图像 slider 中图像转换之间的时间间隔

css - 包括 bootstrap.min.css 但 glyphicon-star 不工作

javascript - 如何对已更改的包运行单元测试

javascript - 同时应用两个不同的 CSS 转换

javascript - 合并两个 RxJS 流(基于同步)

JavaScript files.length 在 ie9 中不起作用需要替代方法

javascript - 获取图像的大小、高度和宽度?

css - 如何在 CSS 中重现以下效果,卡在填充(我认为)Bootstrap 3.0

php - 保护 API - JS 前端和 PHP 后端