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

Question

我有一个简单的表单,带有电话输入和一些电子邮件输入,但是我无法摆脱单击提交按钮时出现的默认浏览器警告消息.

我的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属性.外汇:

<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属性？仅使用电话类型仍然可以让您在移动设备上使用键盘界面，并且如果没有模式，则不应运行本机验证/格式化。