validar formulario con varios botones

rober80 · #1 (**permalink**) 15/07/2010, 01:30

Hola:
Tengo un problema con un formulario, en el que hay 3 botones, insertar, eliminar y buscar, dependiendo de en cual de ellos se haga click, debe hacer validaciones distintas, por ejemplo en insertar debe ver que el campo dni y nombre existan, y en buscar solo es obligatorio el dni.

los botones estan declarados de la siguiente forma:

<input type="submit" name="bt_insertar" id="bt_insertar" value="Insertar" onClick="return validar('insertar');"/>
<input type="submit" name="bt_buscar" id="bt_buscar" value="Buscar" onClick="return validar('buscar');"/>
<input type="submit" name="bt_eliminar" id="bt_eliminar" value="Eliminar" onClick="return validar('eliminar');"/>

y la funcion validar la siguiente, solo tengo echa la validacion de insertar y no me funciona inserta aunque no esten los campos

function validar(boton)
{
var validado = true;
//según sea el botón que se ha pulsado
switch (boton)
{
case "insertar":
if((form1.et_dni="")||(form1.et_nombre="")){
alert("Debe insertar dni y nombre");
validado=false;
break;
}
else
form1.submit="clientes.php";
case "buscar":
form1.submit="buscarclientes.php"
break;
case "eliminar":
form1.submit="eliminarclientes.php"
break;
}
return validado;
}
</script>

La insercion la hace correctamente, pero no me valida el formulario.
Espero que alguien me pueda echar una mano. Creo que el problema debe estar en el onclick de los botones, porque me parece que no entra nunca en la funcion validar.
Gracias

Adler · #2 (**permalink**) 15/07/2010, 08:01

Hola

A ver que te parece esto

Código Javascript:

Ver original<html>
<head>
<script  type="text/javascript">  
window.addEventListener('load', funcion, false);
 
function funcion(e) {
var but = document.getElementById('botonera').getElementsByTagName('input');
for (i = 0; i < but.length; i++) {
but[i].addEventListener('click', validar, false);
}
}
 
 
function validar() 
{
//según sea el botón que se ha pulsado
switch (this.id) 
{
case "bt_insertar":
if(document.getElementById('a').value == '') {
alert('el campo a está vacío'); 
return false;
}else {
document.frm.submit();
}
break;
case "bt_buscar":
if(document.getElementById('b').value == '') {
alert('el campo b está vacío'); 
return false;
}else {
document.frm.submit();
}
break;
case "bt_eliminar":
if(document.getElementById('c').value == '') {
alert('el campo c está vacío'); 
return false;
}else {
document.frm.submit();
}
break;
}
}
</script>
</head>
<body>
<form method="post" name="frm" action="pagina.asp">
<input type="text" value="" name="a" id="a"/><br />
<input type="text" value="" name="b" id="b"/><br />
<input type="text" value="" name="c" id="c"/>
<div id="botonera">
<input type="button" name="bt_insertar" id="bt_insertar" value="Insertar""/>
<input type="button" name="bt_buscar" id="bt_buscar" value="Buscar"/>
<input type="button" name="bt_eliminar" id="bt_eliminar" value="Eliminar"/>
</div>
</form>
</body>
</html>

Suerte

rober80 · #3 (**permalink**) 15/07/2010, 08:27

muchas gracias, ya lo solucione de otra manera, pero gracias por la ayuda, lo unico que aun no me funciona ni con tu codigo ni con el mio es, que si te fijas en el mio dependiendo de en que boton haga click, el submit deberia llamar a un php distinto,
en el caso de insertar debe llamar a cliente.php, en buscar a buscarcliente.php... y eso no soy capaz de cambiar el submit desde java.

Antes de hacer la validacion en el boton tenia puesto:
<input type="submit" name="bt_buscar" id="bt_buscar" value="Buscar" onClick="this.form.action='buscacliente.php';"/>
<input type="submit" name="bt_eliminar" id="bt_eliminar" value="Eliminar" onClick="this.form.action='eliminacliente.php';"/>

pero ahora al tener que modificar el onClick, no se como hacerlo desde javascript.

Muchas gracias de nuevo y a ver si alguien me puede echar una mano.

Adler · #4 (**permalink**) 15/07/2010, 11:49

Hola

Añade a la función document.frm.action='laweb.php' y quitalo del form

Suerte