HTML5 验证错误消息,未提交表单
html5 validation error message without submitting form
我正在开发一个应用程序,其中我在表单中使用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();
}
});
按钮单击工作正常,但它没有在相关字段上显示错误消息我想在不提交表单的情况下显示错误消息。
除了提交表单之外,无法触发本机工具提示。
如果表单有效,请阻止其提交,如果无效,只需提交它,本机 HTML5 验证就会发生,但无论如何都不会提交表单。
您在这两种情况下都会阻止默认操作,因此验证永远不会发生,这样做,它将
$('#btnContactSubmit').click(function (e) {
if ($('#aspnetForm')[0].checkValidity()) {
e.preventDefault();
if (flag) {
createListItem();
}
}
});
小提琴
相关文章:
- Jquery提交表单而不刷新
- 如何在提交表单时将PHP变量传递到Javascript cookie中
- 每次提交表单时都会重新加载网页
- Razor中的自动提交表单
- 使用 JavaScript 自动提交表单
- 点击相同的按钮打开模型,然后提交表单
- 添加和删除隐藏字段数组中的值,而不提交表单
- 使用Ajax提交表单
- jQuery:使用“jQuery验证”后无法提交表单's远程验证
- 如何在不重新加载的情况下提交表单,并使用Node+Express将数据传递回同一页面
- 有登录表单时无法提交表单
- 带有select的jquery提交表单不起作用
- 如何防止回车键提交表单,但仍然允许回车工作
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 在提交表单之前确定重复值
- 如何创建动态ajax提交表单
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 如何使用jQueryAjax使用动态html输入texbox提交表单
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 提交表单后,Watir文本框输入未持续(重置为以前的文本框输入)