我有一个带有输入字段的html表单,在提交之前需要一个值,为了达到这个目的,我在html5中使用required
属性,下面的代码片段显示为Form One。
问题是我想在单击删除按钮后添加确认弹出消息 - 询问用户是否要继续。
我在下面显示的代码段中使用标题表单2完成了此操作,但问题是,当输入字段为空并提交时,所需的属性未显示。
在触发所需方法之前提交表单。任何人都有任何想法来解决这个html5无能?
谢谢
<h2>Form One </h2>
<form method="post" action="example.com" id="delete_page">
Name : <input type="name" required><br>
<input type="button" value="Cancel">
<input type="submit" value="Delete">
</form>
<hr>
<h2>Form Two </h2>
<form method="post" action="example.com" id="delete_page">
Name : <input type="name" required><br>
<input type="button" value="Cancel">
<input type="submit" onclick="confirm('Are you sure you want to submit')" value="Delete">
</form>
尝试在你的onsubmit
而不是按钮上使用<form>
。
<h2>Form Two </h2>
<form method="post" action="example.com" id="delete_page"
onsubmit="return confirm('Are you sure you want to submit?')">
Name : <input type="name" required><br>
<input type="button" value="Cancel">
<input type="submit" value="Delete">
</form>
浏览器表单验证仅在提交事件中启动。
如果用户选择“取消”弹出窗口,这也会阻止您的表单提交。