在提交表单之前进行确认

php javascript

2022-08-30 20:15:07

我搜索了一个答案，但找不到答案！

我有一个简单的形式，

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

在处理表单之前，我如何调整此内容以进行确认？

我尝试了onclick，但无法让它工作。

有什么想法吗？

更新 - 我现在拥有的东西。

<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>

答案 1

网页：

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

JavaScript：

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

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

编辑：你总是可以使用内联JS代码，如下所示：

<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>

答案 2

<input type="submit" onclick="return confirm('Are you sure you want to do that?');">