在表单提交之前确认

sar*_*012 18 javascript php

我找了一个答案却找不到答案!

我有一个简单的表格,

<form action="adminprocess.php" method="POST">
    <input type="submit" name="completeYes" value="Complete Transaction" />
</form>
Run Code Online (Sandbox Code Playgroud)

在处理表格之前,我该如何调整以确认?

我试过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>
Run Code Online (Sandbox Code Playgroud)

Mic*_*.V. 45

HTML:

<form action="adminprocess.php" method="POST" id="myCoolForm">
    <input type="submit" name="completeYes" value="Complete Transaction" />
</form>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

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

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

编辑:你总是可以像这样使用内联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>
Run Code Online (Sandbox Code Playgroud)

  • 当我尝试按“取消”时,它仍然提交表单。是否也应阻止表单提交? (2认同)

Gre*_*sha 17

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