Я искал ответ, но не смог найти его!
У меня простая форма,
<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>
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>
<input type="submit" onclick="return confirm('Are you sure you want to do that?');">
Правильное событие – onSubmit (), и оно должно быть прикреплено к форме. Хотя я думаю, что можно использовать onClick, но onSubmit является правильным.
Если вы уже используете jQuery .. вы можете использовать обработчик событий для запуска перед отправкой
$(document).ready(function() { $("#formID").submit(function(){ // handle submission }); });
Ссылка: http://api.jquery.com/submit/
если у вас есть несколько кнопок отправки, которые выполняют разные действия, вы можете сделать это таким образом.
<input TYPE=SUBMIT NAME="submitDelete" VALUE="Delete Script" onclick='return window.confirm("Are you sure you want to delete this?");'>