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

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 属性。外汇:

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

 // Your script Here

 </form>

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