如何防止默认的浏览器输入验证？

Question

我有一个简单的表单，包含手机输入和一些电子邮件输入，但是我无法摆脱单击提交按钮时出现的默认浏览器警告消息。

My CodePen

我已尝试实施event.preventDefault();，但在我的情况下它似乎不起作用。

$('#profile-info-form').unbind('submit').bind("submit", function(event) {
    event.preventDefault();
    console.log('save button clicked');
});

我即时创建的输入字段示例：

var myphone = "<li><label>Cell Phone:</label></li><li><input type='tel' pattern='[0-9]{10}' class='added_mobilephone' name='mobilephone' value='' autocomplete='off' maxlength='20' /></li>";

你会如何处理这个问题？

Answer 1

如果要禁用表单的客户端验证，请向表单元素添加novalidate属性。 Fx的：

<form method="post" action="" id="profile-info-form" novalidate>

 // Your script Here

 </form>

请参阅http://www.w3.org/TR/html5/forms.html#attr-fs-novalidate

Answer 2

删除pattern属性？只是使用电话类型仍然可以在移动设备上获得键盘界面，没有模式，本机验证/格式化不应该运行。