Question

我有一个表单，允许用户从数据库中删除一些数据。

我希望得到一些确认以防止意外删除。我想做以下事情：

按下提交后，会弹出警告“你确定吗？”
如果用户点击“是”，则运行脚本
如果用户点击“否”，则不提交脚本。

如何做到这一点？

我已经添加了onSubmit警报但它没有显示任何内容，它仍然提交表单。如何仅在用户从警报中选择“是”时才能延迟提交表单？

<form 
  method="POST"
  action="actions/remove-daily-recipient.php"
  onSubmit="alert('Are you sure you wish to delete?');"
>
  ...
</form>

Answer 1

而不是alert，您必须使用confirm和return

onSubmit="return confirm('Are you sure you wish to delete?');

Answer 2

在表单上的

可以尝试使用js函数，如：

<form onsubmit="return submitResult();">

并且你的功能有类似的东西吗？

function submitResult() {
   if ( confirm("Are you sure you wish to delete?") == false ) {
      return false ;
   } else {
      return true ;
   }
}

我认为这将是一个良好的开端。

Answer 3

停止默认行为，要求确认，然后提交表单：

var form1 = document.getElementById('form1');
form1.onsubmit = function(e){
   var form = this;
   e.preventDefault();
   if(confirm("Are you sure you wish to delete?"))
       form.submit();
}

JS小提琴：http://jsfiddle.net/dq50e963/

在提交表单之前添加确认提醒

3 个答案: