Форма JavaScript отправить-диалоговое окно подтверждение или отмена отправки

для простой формы с предупреждением, которое спрашивает, правильно ли заполнены поля, мне нужна функция, которая делает это:

  • показывает окно предупреждения, при нажатии кнопки с двумя вариантами:

    • если нажать кнопку "ОК", форма будет отправлена
    • при нажатии кнопки Отмена окно предупреждения закрывается, и форма может быть скорректирована и повторно отправлена

Я думаю, что подтверждение 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 132
javascript forms html submit confirmation

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);">
300
function show_alert() {
  if(confirm("Do you really want to do this?"))
    document.forms[0].submit();
  else
    return false;
}
25

вы можете использовать функцию подтверждения JS.

<form onSubmit="if(!confirm('Is the form filled out correctly?')){return false;}">
  <input type="submit" />
</form>

http://jsfiddle.net/jasongennaro/DBHEz/

18
<form onsubmit="return confirm('Do you really want to submit the form?');">
3
<form method="post" id="Form" action="form.php" onSubmit="alert('Thanks for your feedback.');" >
1

ОК просто измените свой код на что-то вроде этого:

<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>
1