我有一个用于登录的电子邮件类型的表单字段。我们还允许用户使用他们的昵称和电话号码登录。
问题是,如果电子邮件字段中的格式不是电子邮件(不包含说“@”),Twitter Bootstrap 会自动阻止表单提交。
有什么方法可以在单击我的“登录”按钮时禁用此 twitter .js 绑定(bind)吗?
谷歌搜索了大约 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/