Poseo para mis formularios tres acciones en Javascript, en este caso pondré el ejemplo del formulario de cambio de contraseña.
1) Al pulsar el botón de cambiar se comprueba que todos los campos estén llenos:
function validarCambio(){
if($('#txtpassold').val()==""){
$('#txtpassold').focus();
alert("Debe ingresar la contraseña actual");
return false
}
if($('#txtpassnew').val()==""){
$('#txtpassnew').focus();
alert("Debe ingresar la nueva contraseña");
return false
}
if($('#txtpassnew2').val()==""){
$('#txtpassnew2').focus();
alert("Debe ingresar la verificación de la nueva contraseña");
return false
}
}
2) Al pulsar ese mismo botón salta un mensaje de confirmar la acción de cambiar la contraseña, justo luego de la validación (no deja ni que se haga el focus del primer JS):
function confirmarCambio()
{
var agree=confirm("¿Esta seguro que desea cambiar la contraseña?");
if (agree)
return true ;
else
return false ;
}
3) Para evitar que usen la acción de cambiar la contraseña colocando directamente la dirección URL desactivando el javascript y pasando por las validaciones, cambie el SUBMIT por un BUTTON y le asigno una tercera función de javascript que coloca en 1 un value de una caja de texto oculta y luego hace el submit del formulario, cuando llega al formulario ACTION.php este verifica el valor, si es 1 hace el post, si es 2 te devuelve
function cambiando() {
document.getElementById("cambio").value = 1;
document.cambiar_contrasena.submit();
}
El problema:
1) A pesar de que la 1ra acción (validarcambio) comprueba los valores, la 2da acción (confirmarCambio) te muestra el alert de una vez y no te hace el focus en la caja de texto que esta vacía
2) Si llegas a pulsar que aceptas el cambio, este pasara a la 3ra acción y enviara el formulario colocando en 1 el value y haciendo correctamente todo como debería, pero como la contraseña estaba vacía te dirá que no puede cambiar la contraseña y saltara el error de PHP de un POST con campos vacíos.
EN FIN: Quisiera lo siguiente:
Pulsas CAMBIAR: se verifican todos los campos, si alguno esta vació se hace el focus y se cancelan TODOS LOS SCRIPTS SIGUIENTES
Si están todos los campos llenos y le das al BOTÓN te mostrara el mensaje, si le das que no, NO EJECUTA MAS NADA (no envía el formulario), si le das que si, se envía el formulario, colocando en 1 el valué oculto.
<input type="button" name="cambiar" id="cambiar" onclick="validarCambio();confirmarCambio();cambiando();" value="Cambiar"/>