Validar campos vacios

e_daniel316 · #1 (**permalink**) 23/12/2008, 08:13

ola soy nuevo en javascript no se mucho aun. mi problema es que tengo un formulario de busqueda, que puede ser por codigo de producto o por nombre, y quiero validar que el usuario haya escrito almenos una opcion de busqueda.

tengo este codigo que se ejecuta al hacer submit:

<script type="text/javascript">

function valida_busqueda(){

if (document.form1.codigo.value.length==0) || (document.form1.nombre.value.length==0) {
alert("Tiene que escribir una opción de búsqueda")
document.form1.codigo.focus()
return 0;
}
}
</script>

gracias

e_daniel316 · #2 (**permalink**) 23/12/2008, 08:14

el codigo tal y como esta no valida nada, si le saca el or y la validacion del nombre valida bien el text del codigo.

f0vela · #3 (**permalink**) 23/12/2008, 09:03

Podrias probar con algo como esto:

Código javascript:

Ver original<script>
function valida_busqueda(){
    var error = '';
    var codigo = document.getElementById('codigo').value.length;
    var nombre = document.getElementById('nombre').value.length;
 
    if(nombre == 0 && codigo == 0)
    {
        error = error + 'Mensaje de error \n';
        campo = "id del campo al que se quiere hacer focus"
    }
 
    if(error != '')
        alert(error);
        document.getElementById(campo).focus();
        return false;
    }
}
</script>

jesusg14 · #4 (**permalink**) 23/12/2008, 10:20

Primera solucion: Sutituir document.form1.nombre.value.length==0 por document.form1.nombre.value==""

ó

Segunda solucion: Si usas dreamweaver modificar el comportaiento del boton que te lleva a la busqueda para que lo haga es ucho mas sencillo y es mas extenso, si te decidis por esta yo te ayudo!!

jesusg14 · #5 (**permalink**) 23/12/2008, 10:22

Tambien podrias intentantar con este:

Código HTML:

<html>
<head>
<!-- Copiar dentro del tag HEAD -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function Enviar(form) {
for (i = 0; i < form.elements.length; i++) {
if (form.elements[i].type == "text" && form.elements[i].value == "") {  
alert("Por favor complete todos los campos del formulario"); form.elements[i].focus(); 
return false; }
}
form.submit();
}
// -->
</SCRIPT>
</head>

<body>
<!-- Copiar dentro del tag BODY -->
<FORM>

<tr><td>Nombre:   </td><td><input type="text" name="nombre" size=34></td></tr><br>
<tr><td>Apellido:   </td><td><input type="text" name="apellido" size=34></td></tr><br>
<tr><td>Telefono:   </td><td><input type="text" name="telefono" size=34></td></tr><br>
<tr><td>E-mail:    </td><td><input type="text" name="email" size=34></td></tr><br>

<tr>
<td><br><br></td>
<td>
<input type="button" value="Enviar" onClick="return Enviar(this.form)">
<input type="reset" value="Restablecer">
</td>
</tr>
</table>
</form>
</body>
</html>

e_daniel316 · #6 (**permalink**) 23/12/2008, 11:21

gracias por responder.

f0vela : donde haces referencia al formulario? talvez es por eso que no pasa nada?

f0vela · #7 (**permalink**) 23/12/2008, 12:04

Cita:

Iniciado por e_daniel316

gracias por responder.

f0vela : donde haces referencia al formulario? talvez es por eso que no pasa nada?

no hago referencia al formulario sino que uso el ID del campo para obtener los datos.

<input name="codigo" id="codigo" value="" />

si no esta esta propiedad del input no hará nada.

donde dice document.getElementById("codigo").value.lenght estoy referenciando directamente al campo.

Si tus campos no tienen id deberias agregarles el id, no solo por este tiempo sino por si en algun momento llegas a utilizar alguna libreria de Javascript esto te facilitará mucho la programación.

:)

e_daniel316 · #8 (**permalink**) 23/12/2008, 14:36

mis campos si tienen id, todo parece estar bien pero aun no pasa nada

f0vela · #9 (**permalink**) 23/12/2008, 15:50

Cita:

Iniciado por jesusg14

Sutituir document.form1.nombre.value.length==0 por document.form1.nombre.value==""

has lo que sugiere jesusg14 :) esto te puede solucionar el problema. :)

e_daniel316 · #10 (**permalink**) 29/12/2008, 09:16

gracias, pero no me resulta de ninguna manera,ahora tengo el codigo asi como me dijeron,

Código:

<script type="text/javascript">
 
function valida_busqueda(){

if (document.form1.cod.value.length=="") || (document.form1.nom.value.length=="") {
alert("Tiene que escribir una opción de búsqueda")
document.form1.cod.focus()
return 0;
}
}

</script>

y en boton tengo:
onclick="valida_busqueda()"
hago click y no pasa nada.

e_daniel316 · #11 (**permalink**) 29/12/2008, 09:38

Cita:

Iniciado por e_daniel316

gracias, pero no me resulta de ninguna manera,ahora tengo el codigo asi como me dijeron,

Código:

<script type="text/javascript">
 
function valida_busqueda(){

if (document.form1.cod.value.length=="") || (document.form1.nom.value.length=="") {
alert("Tiene que escribir una opción de búsqueda")
document.form1.cod.focus()
return 0;
}
}

</script>

Código:

<script type="text/javascript">
 
function valida_busqueda(){

if (document.form1.cod.value=="") || (document.form1.nom.value=="") {
alert("Tiene que escribir una opción de búsqueda")
document.form1.cod.focus()
return 0;
}
}

</script>

y en boton tengo:
onclick="valida_busqueda()"
hago click y no pasa nada.