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

Question

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

我的代码笔

我试图实现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属性？仅使用 tel 类型仍应为您提供移动设备上的键盘界面，并且如果没有模式，则不应运行本机验证/格式化。