javascript - personalizado - mostrar mensaje despues de enviar formulario php

Envío de formulario de JavaScript-Confirmar o cancelar el cuadro de diálogo Envío

Question

Para un formulario simple con una alerta que pregunta si los campos se completaron correctamente, necesito una función que haga esto:

• Muestra un cuadro de alerta cuando se hace clic en el botón con dos opciones:

  • Si se hace clic en "Aceptar", se envía el formulario
  • Si se hace clic en cancelar, el cuadro de alerta se cierra y el formulario se puede ajustar y reenviar

Creo que una confirmación de JavaScript funcionaría, pero no puedo entender cómo.

El código que tengo ahora es:

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

Answer 1

Puede usar la función de confirmación JS.

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

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

Answer 2

Una simple confirmación en línea de JavaScript sería suficiente:

<form onsubmit="return confirm(''Do you really want to submit the form?'');">

No necesita una función externa a menos que esté haciendo una validación , que puede hacer algo como esto:

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

Answer 3

OK, solo cambia tu código a algo como esto:

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

También este es el código en ejecución, solo hago que sea más fácil ver cómo funciona, solo ejecuta el código a continuación para ver el resultado:

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>

Answer 4

<form method="post" id="Form" action="form.php" onSubmit="alert(''Thanks for your feedback.'');" >

Answer 5

<form onsubmit="return confirm(''Do you really want to submit the form?'');">

Answer 6

function show_alert() {
  if(confirm("Do you really want to do this?"))
    document.forms[0].submit();
  else
    return false;
}