Подтвердить перед отправкой формы
Я искал ответ, но не смог найти его!
У меня простая форма,
<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?");'>