Problema al validar un formulario

edsolla · #1 (**permalink**) 23/07/2010, 16:18

Hola buenas, antes que nada decir que he buscado por si alguien tenia el mismo problema que yo, pero no he encontrado nada, es por eso que abro un nuevo tema.

Estoy haciendo un formulario simple, y solamente quería validar el primer campo, para que no quede nulo. El caso es que no me funciona para nada, yo creo que accedo bien a los campos, y no se qué es lo que se me puede estar escapando...

Este es el fichero HTML, el formulario:

Código HTML:

Ver original<head>
    <script language="Javascript" src="presentacion/utilidades/validarproyecto.js" ></script>
    </head>
<link rel="stylesheet" href="presentacion/estilo/estilo.css" type="text/css" />
 
 <div id="titulo"><h1>crear proyecto</h1></div>
 <FORM NAME="crearproyecto" id="crearproyecto" method="get/post" ACTION="/presentacion/usuario/form/crearproyecto.php">
    <div id="contenedor">
    <div id="formulario">
 
        <p>titulo<br><input type="text" name="titulo" size="50"></p>
        <p>referencia<br><input type="text" name="referencia" size="50"></p>
        <p>agencia<br><input type="text" name="agencia" size="50"></p>
        <p>año comienzo&nbsp;&nbsp;<SELECT name="a_comienzo"><?php include 'presentacion/utilidades/formularioagno.php'; ?></SELECT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; año final&nbsp;&nbsp;<SELECT name="a_final"><?php include 'presentacion/utilidades/formularioagno.php'; ?></SELECT></p>
        <p>comentarios<br><TEXTAREA NAME="comentarios" ROWS=3 COLS=44></TEXTAREA></p>
        <p>financing<br><input type="text" name="titulo" size="50"></p>
        <p><input type="button" value="Registrar" onclick="valida_envia()"><input type='Reset' value='Borrar'></p>

Como veis, he enlazado bien al archivo validaproyecto.js, que es el siguiente:

Código Javascript:

Ver originalfunction valida_envia(){
    //valido el nombre
 
    if (document.crearproyecto.titulo.value.length==0){
       alert("Debe introducir un titulo")
       document.crearproyecto.titulo.focus()
       return 0;
    }
 
}

Luego al probar el formulario, dejo vacio el campo para que me avise, y no hace nada. Si alguien puede ayudarme.... lo agradecería... un saludo! y gracias!

maycolalvarez · #2 (**permalink**) 23/07/2010, 18:25

el problema es que las referencias directas, solo la soportan pocos navegadores, úsalo así:

Código Javascript:

Ver originalfunction valida_envia(){
    //valido el nombre
 
    if (document.forms['crearproyecto'].elements['titulo'].value.length==0){
       alert("Debe introducir un titulo");
       document.forms['crearproyecto'].elements['titulo'].focus();
       return 0;
    }
 
}

notas las colecciones forms y elements, son la manera adecuada, ¿te parece muy largo?, puedes usar document.getElementById('id_titulo').value.length (pero en este caso colocando el atributo id al input

)

NOTA: en javascript TODAS las líneas de expresión (no estructuras de flujo/control) terminan en punto y coma (;)

edsolla · #3 (**permalink**) 24/07/2010, 05:07

Vale, muchas gracias! lo de document.forms['crearproyecto'] no me ha funcionado, pero lo de getElementById funciono perfectamente. Ahora tengo una duda que sera una chorrada, pero no soy capaz de que me mande el formulario, me he dejado algo que no se ejecuta hasta abajo el archivo, porque se queda justo despues de validar el campo referencia. Lo dejo por si alguien lo ve, pero de todas formas muy agradecido!

Código Javascript:

Ver originalfunction valida_envia(){
   
    if (parseInt(document.getElementById('id_a_final').value)<parseInt(document.getElementById('id_a_comienzo').value)){
       alert("La fecha final no puede ser anterior a la inicial");
       document.getElementById('id_a_comienzo').focus();
       return 0;
    }
    if (document.getElementById('id_titulo').value.length==0){
       alert("Debe escribir un titulo para el nuevo proyecto");
       document.getElementById('id_titulo').focus();
       return 0;
    }
    if (document.getElementById('id_referencia').value.length==0){
       alert("Debe escribir una referencia");
       document.getElementById('id_referencia').focus();
       return 0;
    }
 
    if (document.getElementById('id_agencia').value.length==0){
       alert("Debe escribir una agencia");
       document.getElementById('id_agencia').focus();
       return 0;
    }
    
    alert("Muchas gracias por enviar el formulario");
    document.getElementById('crearproyecto').submit();
    //el formulario se envia
    
}

edsolla · #4 (**permalink**) 24/07/2010, 06:00

Nada nada, ya lo tengo resuelto, se me habia olvidado poner un atributo id en uno de los campos del formulario. Ya esta resuelto. gracias!