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

【问题标题】：How to prevent the default browser input validation?如何防止默认浏览器输入验证？
【发布时间】：2013-08-02 13:29:49
【问题描述】：

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

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>";

你会如何处理这个问题？

【问题讨论】：

• 您是否尝试删除pattern 属性？只需使用 tel 类型，您仍然可以获得移动设备上的键盘界面。
• 啊，我想就是这样！三重检查
• 就是这样 :) 你想继续发布答案吗？再次感谢！ var mobilephone = $("
• 手机：
");