在表单提交之前确认 [英] Confirm before a form submit

问题描述

我已经找到了答案，却找不到答案！

I have searched for an answer but couldn't find one!

我有一个简单的表格，

<form action="adminprocess.php" method="POST">
    <input type="submit" name="completeYes" value="Complete Transaction" />
</form>

在处理表格之前，我如何调整此项以确认？

How would I adjust this to confirm before processing the form?

我试过onclick，但无法让它正常工作。

I tried onclick, but couldn't get it working.

有什么想法吗？

更新 - 我现在拥有的。

UPDATE - What I now have.

<script type="text/javascript">
var el = document.getElementById('myCoolForm');

el.addEventListener('submit', function(){
return confirm('Are you sure you want to submit this form?');
}, false);
</script>

<form action="adminprocess.php" method="POST" id="myCoolForm">
     <input type="submit" name="completeYes" value="Complete Transaction" />
</form>

推荐答案

HTML：

<form action="adminprocess.php" method="POST" id="myCoolForm">
    <input type="submit" name="completeYes" value="Complete Transaction" />
</form>

JavaScript：

JavaScript:

var el = document.getElementById('myCoolForm');

el.addEventListener('submit', function(){
    return confirm('Are you sure you want to submit this form?');
}, false);

编辑：您可以随时使用内联JS代码：

you can always use inline JS code like this:

<form action="adminprocess.php" method="POST" onsubmit="return confirm('Are you sure you want to submit this form?');">
    <input type="submit" name="completeYes" value="Complete Transaction" />
</form>

这篇关于在表单提交之前确认的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！