html表单 - “required”属性未通过onclick确认触发

时间:2018-03-05 03:02:23

标签: javascript jquery html

我有一个html表单,其输入字段在提交前需要一个值,为了达到这个目的,我使用html5中的required属性,下面的代码段显示了 Form One

问题是我想在点击删除按钮后添加确认弹出消息 - 询问用户是否想要继续。

我在下面显示的代码段中使用标题表单二完成了此操作,但问题是,当输入字段为空并提交时,不显示必需的属性。

在触发所需方法之前提交表单。任何人有任何想法来解决这个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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

尝试使用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>

浏览器表单验证仅启动提交事件。

如果用户选择“取消”弹出窗口,这也会阻止您的表单提交。