Formulario JavaScript Enviar - confirmar o cancelar el cuadro de diálogo Presentación

Question

Para una forma sencilla, con una alerta que le pregunta si los campos se llenen correctamente, necesito una función que hace esto:

• Muestra un cuadro de alerta cuando el botón se hace clic 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 la forma se puede ajustar y volver a presentarse

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

Un simple JavaScript en línea confirmar sería suficiente:

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

No hay necesidad de un función externa a menos que usted está haciendo validación, lo que se puede hacer algo como este:

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

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

Answer 3

usted podría utilizar la función JS confirmar.

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

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

Answer 4

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

Answer 5

bien, sólo cambiar su 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, simplemente me lo hacen más fácil ver cómo funciona, basta con ejecutar el código de abajo 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>