Подтвердить перед отправкой формы

Я искал ответ, но не смог найти его!

У меня простая форма,

<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

HTML:

<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?');">

Ответ 3

Правильное событие - onSubmit(), и оно должно быть прикреплено к форме. Хотя я думаю, что можно использовать onClick, но onSubmit является правильным.

Ответ 4

Если вы уже используете jQuery.. вы можете использовать обработчик событий для запуска перед отправкой

$(document).ready(function() {
   $("#formID").submit(function(){
      // handle submission
   });
});

Ссылка: http://api.jquery.com/submit/

Ответ 5

Если у вас есть несколько кнопок отправки, которые выполняют разные действия, вы можете сделать это таким образом.

<input TYPE=SUBMIT NAME="submitDelete"  VALUE="Delete Script" onclick='return window.confirm("Are you sure you want to delete this?");'>