JavaScript Form Submit-диалоговое окно подтверждение или отмена отправки
для простой формы с предупреждением, которое спрашивает, правильно ли заполнены поля, мне нужна функция, которая делает это:
-
показывает окно предупреждения, при нажатии кнопки с двумя вариантами:
- если щелкнуть" OK", форма будет отправлена
- при нажатии кнопки Отмена окно предупреждения закрывается и форма может быть скорректирована и повторно отправлена
Я думаю, что подтверждение JavaScript будет работать, но я не могу выяснить, как.
теперь у меня есть код:
<script>
function show_alert() {
alert("xxxxxx");
}
</script>
<form>
<input type="image" src="xxx" border="0" name="submit" onclick="show_alert();"
alt="PayPal - The safer, easier way to pay online!" value="Submit">
</form>
6 ответов
простой встроенный JavaScript подтвердить было бы достаточно:
<form onsubmit="return confirm('Do you really want to submit the form?');">
не нужны внешняя функция если вы делаете проверка, который вы можете сделать что-то вроде этого:
<script>
function validate(form) {
// validation code here ...
if(!valid) {
alert('Please correct the errors in the form!');
return false;
}
else {
return confirm('Do you really want to submit the form?');
}
}
</script>
<form onsubmit="return validate(this);">
function show_alert() {
if(confirm("Do you really want to do this?"))
document.forms[0].submit();
else
return false;
}
вы можете использовать функцию подтверждения JS.
<form onSubmit="if(!confirm('Is the form filled out correctly?')){return false;}">
<input type="submit" />
</form>
ОК просто измените свой код на что-то вроде этого:
<script>
function submit() {
return confirm('Do you really want to submit the form?');
}
</script>
<form onsubmit="return submit(this);">
<input type="image" src="xxx" border="0" name="submit" onclick="show_alert();"
alt="PayPal - The safer, easier way to pay online!" value="Submit">
</form>
также это код в run, просто я упрощаю его работу, просто запустите код ниже, чтобы увидеть результат:
function submitForm() {
return confirm('Do you really want to submit the form?');
}
<form onsubmit="return submitForm(this);">
<input type="text" border="0" name="submit" />
<button value="submit">submit</button>
</form>