Validacion Problem form.submit

calavera · #1 (**permalink**) 03/02/2006, 07:40

hola tengo un pequeño problema con lo ke es validar un boton buscar, el problema sucede cuando el campo texto esta vacio y esta al hacer click en buscar me envia el mensaje, PERO este pasa de inmediato a mostrarme el contenido de la tabla y no se keda en la misma pag. de busqueda.
Y lo otro es ke cuando posiciono el raton sobre el campo texto, al hacer enter este igual me manda a la pag. con los datos, lo cual no debería ser

SI ALGUIEN ME PUEDE AYUDAR SE LO AGRADECERE

Código PHP:

  <script> 
function validar(form) 
{ 
var error = "Por favor, antes de buscar complete:\n\n"; 
var a = "" 
 
    if (form.buscar.value == "") { a += " La categoria y\n  los Datos a buscar"; } 
     
     if (a != "") { alert(error + a); return true; } 
 
form.submit(); 
 
} 
</script>

Código HTML:

<input name="submit" type="submit" value="Buscar" onClick="validar(this.form)">

dacmonsalve · #2 (**permalink**) 03/02/2006, 08:18

Código PHP:

  function validar(form)  
{  
 var error = "Por favor, antes de buscar complete:\n\n";  
 var a = ""  
 
    if (form.buscar.value == "") {  
        a += " La categoria y\n  los Datos a   buscar";  
    }      
     if (a != "") {  
          alert(error + a); return true;  
    }else{  
         form.submit();  
    } 
}

Espero te sirva..........SUERTE......

calavera · #3 (**permalink**) 03/02/2006, 08:26

Funciona pero al ingresar los datos y presionar buscar me genera un mensaje de error
El objeto no acepta esta propiedad o metodo,
esto es para form.submit

Código PHP:

  <table width="650" border="0" cellpadding="0" cellspacing="0" bgcolor=""> 
    <!--DWLayoutTable--> 
    <tr>  
      <td width="143" height="23"></td> 
      <td colspan="8" valign="top"><hr></td> 
      <td width="164">&nbsp;</td> 
    </tr> 
    <tr>  
      <td height="18"></td> 
      <td width="55"></td> 
      <td width="1"></td> 
      <td width="189"></td> 
      <td width="78"></td> 
      <td width="47"></td> 
      <td width="2"></td> 
      <td width="3"></td> 
      <td width="64"></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="8"></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td colspan="3" rowspan="2" valign="top"> <select name="Equipos"> 
          <OPTION value="Tipo">Tipo </OPTION> 
          <OPTION value="Marca">Marca </OPTION> 
          <OPTION value="Modelo">Modelo </OPTION> 
          <OPTION value="N_Serie">Nº de Serie </OPTION> 
          <OPTION value="Fecha_Compra">Fecha de Compra </OPTION> 
          <OPTION value="N_Factura">Nº de Factura </OPTION> 
          <OPTION value="Rut_Proveedor">Rut del Proveedor </OPTION> 
          <OPTION value="Rut_Asignado">Rut Asignado </OPTION> 
        </SELECT ></td> 
      <td></td> 
      <td></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="12"></td> 
      <td></td> 
      <td colspan="2" valign="top"><strong>Elija la Categoria a Buscar:</strong></td> 
      <td></td> 
      <td></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="56"></td> 
      <td></td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="17"></td> 
      <td></td> 
      <td colspan="2" valign="top"><strong>Datos a Buscar:</strong> <br> </td> 
      <td colspan="2" valign="top"><input type="text" name="buscar" size="25" ></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="4"></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="1"></td> 
      <td></td> 
      <td></td> 
      <td rowspan="2" valign="top"><input name="Submit" type="submit" value="Imp.Todos.Reg. "></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="19"></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td colspan="3" rowspan="2" valign="top"><input  type="button" name="submit" value="Buscar" onClick="validar(this.form)" ></td> 
      <td></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="1"></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="21"></td> 
      <td colspan="8" valign="top"><hr></td> 
      <td></td> 
    </tr> 
    <tr>  
      <td height="93"></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
    </tr> 
  </table>

Cita:

Iniciado por dacmonsalve

Código PHP:

  function validar(form)  
{  
 var error = "Por favor, antes de buscar complete:\n\n";  
 var a = ""  
 
    if (form.buscar.value == "") {  
        a += " La categoria y\n  los Datos a   buscar";  
    }      
     if (a != "") {  
          alert(error + a); return true;  
    }else{  
         form.submit();  
    } 
}

Espero te sirva..........SUERTE......

Dorita · #4 (**permalink**) 03/02/2006, 09:48

compañero:

Código HTML:

<script>
function validar()
{
var error = "Por favor, antes de buscar complete:\n\n";
var a = ""

    if (form.buscar.value == "") { a += " La categoria y\n  los Datos a buscar"; }
    
     if (a != "") { alert(error + a); return false; }

}

return true;
</script>  


<form name="buscar" action="otra pagina.???" onSubmit="return validar()">

</form>

si no t funciona postea el titulo del form, por q no aparece en el código q pusiste antes.-
salu2.-

calavera · #5 (**permalink**) 03/02/2006, 11:18

me genera el mensaje de, ke return esta fuera de la funcion

Cita:

Iniciado por Dorita

compañero:

Código HTML:

<script>
function validar()
{
var error = "Por favor, antes de buscar complete:\n\n";
var a = ""

    if (form.buscar.value == "") { a += " La categoria y\n  los Datos a buscar"; }
    
     if (a != "") { alert(error + a); return false; }

}

return true;
</script>  


<form name="buscar" action="otra pagina.???" onSubmit="return validar()">

</form>

si no t funciona postea el titulo del form, por q no aparece en el código q pusiste antes.-
salu2.-

dacmonsalve · #6 (**permalink**) 03/02/2006, 11:29

entonces coloca el "return true"; antes de la ultima llave "}"

calavera · #7 (**permalink**) 03/02/2006, 12:28

NO SE KE SE SUPONIA KE HACIA ESTO, PERO NO ME GENERO NADA,
SI ALGUIEN TIENE MAS OPCIONES,,
SE LOS AGRADECERE MUCHO

Cita:

Iniciado por dacmonsalve

entonces coloca el "return true"; antes de la ultima llave "}"

Dorita · #8 (**permalink**) 03/02/2006, 13:29

Compañero Calavera:

haber, aclaremos algunas cosas:

esto es un formulario cierto? tu formulario tiene un nombre (pongámosle que se llama formulario1), y al momento de hacer el envío del formulario, los datos van a alguna parte, ya sea a la misma página u a otra. pongamos por ejemplo que al hacer el submit del formulario los datos van a una página que se llama otraPagina.html. entonces, en el script que va en el head de la página:

Código HTML:

<head>

<script>
function validar()
{
    var error = "Por favor, antes de buscar complete:\n\n";
    var a = ""

    if (form.buscar.value == "") { a += " La categoria y\n  los Datos a   buscar";}
    
     if (a != "") { alert(error + a); return false; }

     return true;

}
</script>  
</head>

y en el body de tu página:

Código HTML:

<form name="formulario1" action="otraPagina.html" onSubmit=" return validar()">

<table width="650" border="0" cellpadding="0" cellspacing="0" bgcolor="">
    <!--DWLayoutTable-->
    <tr> 
      <td width="143" height="23"></td>
      <td colspan="8" valign="top"><hr></td>
      <td width="164">&nbsp;</td>
    </tr>
    <tr> 
      <td height="18"></td>
      <td width="55"></td>
      <td width="1"></td>
      <td width="189"></td>
      <td width="78"></td>
      <td width="47"></td>
      <td width="2"></td>
      <td width="3"></td>
      <td width="64"></td>
      <td></td>
    </tr>
    <tr> 
      <td height="8"></td>
      <td></td>
      <td></td>
      <td></td>
      <td colspan="3" rowspan="2" valign="top"> <select name="Equipos">
          <OPTION value="Tipo">Tipo </OPTION>
          <OPTION value="Marca">Marca </OPTION>
          <OPTION value="Modelo">Modelo </OPTION>
          <OPTION value="N_Serie">Nº de Serie </OPTION>
          <OPTION value="Fecha_Compra">Fecha de Compra </OPTION>
          <OPTION value="N_Factura">Nº de Factura </OPTION>
          <OPTION value="Rut_Proveedor">Rut del Proveedor </OPTION>
          <OPTION value="Rut_Asignado">Rut Asignado </OPTION>
        </SELECT ></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr> 
      <td height="12"></td>
      <td></td>
      <td colspan="2" valign="top"><strong>Elija la Categoria a Buscar:</strong></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr> 
      <td height="56"></td>
      <td></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr> 
      <td height="17"></td>
      <td></td>
      <td colspan="2" valign="top"><strong>Datos a Buscar:</strong> <br> </td>
      <td colspan="2" valign="top"><input type="text" name="buscar" size="25" ></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr> 
      <td height="4"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr> 
      <td height="1"></td>
      <td></td>
      <td></td>
      <td rowspan="2" valign="top"><input name="Submit" type="submit" value="Imp.Todos.Reg. "></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr> 
      <td height="19"></td>
      <td></td>
      <td></td>
      <td></td>
      <td colspan="3" rowspan="2" valign="top"><input  type="button" name="submit" value="Buscar"></td>
      <td></td>
      <td></td>
    </tr>
    <tr> 
      <td height="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr> 
      <td height="21"></td>
      <td colspan="8" valign="top"><hr></td>
      <td></td>
    </tr>
    <tr> 
      <td height="93"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>  

</form>

lo que hace esto e slo siguiente: cuando hagas el envío del formulario, onSubmit llama al resultado de la funcion "valida()". si hay un error en el formulario, ademas de imprimir el mensaje de error que hiciste, va a devolver el valor false, lo que hace que el formulario no se envíe. si no hay problemas, pasa de largo los if y cuando encuentre un "return true", se envia el formulario.

si te quedan dudas, pregunta, no hay problema.
salu2.-

caricatos · #9 (**permalink**) 03/02/2006, 13:37

Hola calavera:

La forma correcta de validar es más o menos como te puso Dorita, aunque debía estar dentro del las llaves...

Te explicaré como se hace.

La validación se hace antes del envío del formulario (en el momento de pulsar el botón submit) y la función de validación debe devolver cierto o falso (true/false) al manejador de eventos onsubmit del formulario (etiqueta form)

No es que deba ponerse return false o return true... lo más apropiado y legible es poner return campoVacio(campo)

y esa función campoVacio(x) tampoco es que tenga que tener el return true/false... vale con esa comparación cuyo resultado será el valor lógico:

function campoVacio(campo) {
return (campo.value == "");
}

Otro ejemplo sería pedir confirmación:
onsubmit="return confirm('Está seguro...')"

O sea que las funciones de validación o confirmación deben devolver cierto/false...

Para tu caso, podríamos poner:

function validar(f) {
var error = "Por favor, antes de buscar complete:\n\n";
var a = "";
if (f.buscar.value == "") {
a += " La categoria y\n los Datos a buscar";
alert(error + a);
}
return (a == "");
}

Y la validación en la etiqueta form como te puso Dorita

Saludos

calavera · #10 (**permalink**) 03/02/2006, 13:49

CARICATOS,

E HECHO TODO LO KE ME HAN DICHO, PERO AUN TENGO EL PROBLEMA, CUANDO PRESIONO EL BOTON BUSCAR, ESTE NO ME REALIZA NINGUNA ACCION, Y CUANDO PONGO EL LA FLECHA EN EL CAMPO TEXTO Y PRESIONO ENTER ESTE ME IMPRIME TODOS LOS REGISTROS.
KE ESTOY REALIZANDO MAL ???????????¿¿¿¿¿¿¿¿¿¿¿¿???????????????

Cita:

Iniciado por caricatos

Hola calavera:

La forma correcta de validar es más o menos como te puso Dorita, aunque debía estar dentro del las llaves...

Te explicaré como se hace.

La validación se hace antes del envío del formulario (en el momento de pulsar el botón submit) y la función de validación debe devolver cierto o falso (true/false) al manejador de eventos onsubmit del formulario (etiqueta form)

No es que deba ponerse return false o return true... lo más apropiado y legible es poner return campoVacio(campo)

y esa función campoVacio(x) tampoco es que tenga que tener el return true/false... vale con esa comparación cuyo resultado será el valor lógico:

function campoVacio(campo) {
return (campo.value == "");
}

Otro ejemplo sería pedir confirmación:
onsubmit="return confirm('Está seguro...')"

O sea que las funciones de validación o confirmación deben devolver cierto/false...

Para tu caso, podríamos poner:

function validar(f) {
var error = "Por favor, antes de buscar complete:\n\n";
var a = "";
if (f.buscar.value == "") {
a += " La categoria y\n los Datos a buscar";
alert(error + a);
}
return (a == "");
}

Y la validación en la etiqueta form como te puso Dorita

Saludos

caricatos · #11 (**permalink**) 03/02/2006, 13:56

Hola:

Bueno, al menos parece que la validación mejora, porque lo único que hace es comprobar que el campo esté vacío o no.

Pones el formulario como parámetro de la función:

<form onsubmit="return validar(this)" ... >

El this es muy importante si sigues mi ejemplo... si no pones this, dentro de la función deberías indicar que f es el formulario...

funacion validar() {
f = document.forms["formulario1"];

// el resto creo que igual

}

Pruébalo y nos cuentas.

Saludos

calavera · #12 (**permalink**) 03/02/2006, 14:18

NO FUNCIONA CORRECTAMENTE YA KE AL PESIONAR BUSCAR NO ME ENVIA EL MENSAJE, Y LO OTRO ES KE LO PRESIONO Y ME DICE KE LA PAGINA SE CARGO, PERO CON ERRORES

El mensaje es

Código HTML:

SE ESPERABA ';'

EN LA LINEA

Código PHP:

  funcion validar(){

Código PHP:

  <script> 
funcion validar(){ 
f = document.forms["formulario1"]; 
var error = "Por favor, antes de buscar complete:\n\n"; 
var a = ""; 
if (f.buscar.value == "") { 
a += " La categoria y\n los Datos a buscar"; 
alert(error + a); 
} 
return (a == ""); 
} 
 
 
</script>

Cita:

Iniciado por caricatos

Hola:

Bueno, al menos parece que la validación mejora, porque lo único que hace es comprobar que el campo esté vacío o no.

Pones el formulario como parámetro de la función:

<form onsubmit="return validar(this)" ... >

El this es muy importante si sigues mi ejemplo... si no pones this, dentro de la función deberías indicar que f es el formulario...

funacion validar() {
f = document.forms["formulario1"];

// el resto creo que igual

}

Pruébalo y nos cuentas.

Saludos

caricatos · #13 (**permalink**) 03/02/2006, 15:01

Bueno, te pongo un código reducido que lo acabo de probar y funciona:

Código:

<html>
<head>
<title>
	prueba
</title>
<script type="text/javascript">
function validar(f) {
 var error = "Por favor, antes de buscar complete:\n\n";
 var a = "";
 if (f.buscar.value == "") {
  a += " La categoria y\n los Datos a buscar";
  alert(error + a);
 }
 return (a == "");
}
</script>
</head>
<body >

<form name="formulario1" action="otraPagina.html" method="get" onsubmit="return validar(this)">
<select name="Equipos">
          <OPTION value="Tipo">Tipo </OPTION>
          <OPTION value="Marca">Marca </OPTION>
          <OPTION value="Modelo">Modelo </OPTION>
          <OPTION value="N_Serie">Nº de Serie </OPTION>
          <OPTION value="Fecha_Compra">Fecha de Compra </OPTION>
          <OPTION value="N_Factura">Nº de Factura </OPTION>
          <OPTION value="Rut_Proveedor">Rut del Proveedor </OPTION>
          <OPTION value="Rut_Asignado">Rut Asignado </OPTION>
</SELECT >
<input type="text" name="buscar" size="25" >
<input type="submit" value="buscar">
</form>
</body>
</html>

Lo puedes probar en mi probador de script: http://www.pepemolina.com/probador/

Tienes que copiar el código tal cual y pegarlo en el textarea.

Saludos

calavera · #14 (**permalink**) 06/02/2006, 05:46

MUCHAS GRACIAS CARICATOS, EL SCRIPT ME HA FUNCIONADO A LA PERFEC,

AGRADECIDO

Cita:

Iniciado por caricatos

Bueno, te pongo un código reducido que lo acabo de probar y funciona:

Código:

<html>
<head>
<title>
	prueba
</title>
<script type="text/javascript">
function validar(f) {
 var error = "Por favor, antes de buscar complete:\n\n";
 var a = "";
 if (f.buscar.value == "") {
  a += " La categoria y\n los Datos a buscar";
  alert(error + a);
 }
 return (a == "");
}
</script>
</head>
<body >

<form name="formulario1" action="otraPagina.html" method="get" onsubmit="return validar(this)">
<select name="Equipos">
          <OPTION value="Tipo">Tipo </OPTION>
          <OPTION value="Marca">Marca </OPTION>
          <OPTION value="Modelo">Modelo </OPTION>
          <OPTION value="N_Serie">Nº de Serie </OPTION>
          <OPTION value="Fecha_Compra">Fecha de Compra </OPTION>
          <OPTION value="N_Factura">Nº de Factura </OPTION>
          <OPTION value="Rut_Proveedor">Rut del Proveedor </OPTION>
          <OPTION value="Rut_Asignado">Rut Asignado </OPTION>
</SELECT >
<input type="text" name="buscar" size="25" >
<input type="submit" value="buscar">
</form>
</body>
</html>

Lo puedes probar en mi probador de script: http://www.pepemolina.com/probador/

Tienes que copiar el código tal cual y pegarlo en el textarea.

Saludos