detener un formulario de mensajes HTML 5, refrescante o abrir una nueva ventana onSubmit

Question

estoy usando la etiqueta de formulario HTML 5 para la validación del lado del cliente construido en él, pero no quiero que presentara una cosa tan sólo tengo una función de Javascript para ejecutar en su lugar.

¿Cómo puedo detener el método POST del formulario.

Saludos - Caius

Answer 1

añaden un retorno falsa después de la llamada a la función, así:

<input .... onclick="function();return false;" /> 

o simplemente podrían volver verdadero/falso de la función de este modo:

<input .... onclick="return function()" /> 

Answer 2

Si usa jQuery puede hacer:

$('#your_form_id').submit(function(e){ 
    e.preventDefault(); 
    // do your staff 
}); 

También puede hacerlo sin un marco:

document.getElementById('your_form_id').addEventListener('submit' function() { 
    // do your staff 
    return false; 
}); 

En el "// hacer su personal" se puede escribir el código de Ajax.

Answer 3

añadir la propiedad onsubmit a su etiqueta de formulario:

<form onsubmit="return myfunction()"> 

asegurar que regrese un bool para su función

function myfunction() { 
    // do your validation 
    if (validation.passes) { // you will need to change this line !!! 
    return true; // to submit 
    } else { 
    return false; // to prevent submit 
    } 
} 

Answer 4

Añadir un controlador onsubmit a su forma, por ejemplo,

<form method="POST" onsubmit="return sendForm();"> 

definir la función y añadir falso como valor de retorno:

function sendForm() { 
    //do your ajax request... 
    return false; 
} 

Answer 5

tiendo a preferir dejar mis funciones como son y añadir una declaración falsa al controlador de onsubmit, por ejemplo:

<form onsubmit="aFunction(); return false;"> 

Answer 6

he tratar todo su solución, pero todavía para recargar la página después del proceso de Ajax:

<form id="form2" method="POST" onsubmit='sent(); return false;' > 

function sent(){ 
    $.ajax({ 
     ... 
    }); 
}