Javascript 未提交表单的html5验证错误消息

我正在开发一个应用程序，其中我在表单中使用HTML5字段。我想在点击按钮时触发html5字段验证。为此，我编写了这段代码

 <input type="button" id="btnContactSubmit" class="btn btn-success" value="Submit">

  $('#btnContactSubmit').click(function (e) {

            if ($('#aspnetForm')[0].checkValidity()) {
                e.preventDefault();
                if (flag) {
                    createListItem();
                }
            } else {
                 e.preventDefault();

            }
        });

$（'#btnContact submit'）。单击（函数（e）{
if（$（'#aspnetForm'）[0].checkValidity（）{
e、 预防默认值（）；
国际单项体育联合会（旗）{
createListItem（）；
}
}否则{
e、 预防默认值（）；
}
});

---

按钮单击工作正常，但不会在相关字段上显示错误消息。我希望在不提交表单的情况下显示错误消息。

除了提交表单之外，没有其他方法触发本机工具提示

如果表单有效，请阻止其提交；如果表单无效，请提交表单，然后进行本机HTML5验证，但无论如何都不会提交表单

在这两种情况下，您都在阻止默认操作，因此验证永远不会发生，像这样做，它就会发生

$('#btnContactSubmit').click(function (e) {
    if ($('#aspnetForm')[0].checkValidity()) {
        e.preventDefault();
        if (flag) {
            createListItem();
        }
    }
});

---

@arshad-不确定按钮上是否真的需要

必需
？@adeneo:：p我的错误，删除了“type='button'”“为什么不在输入字段中使用
必需的
<代码>