problema con validación formulario y campos vacios

[nachoz]

Hola chicos, soy nuevo en esto de validar con javascript ...

mi tema creo que para ud. es simple.

Tengo un formulario que sube archivos a una bd ... y necesito validarlo para que simplemente no queden campos vacios antes de ejecutar el INSERT a la BD.

Busque por google y foro, los utilice en el formulario pero ninguno me ah servido hasta el momento .... espero me ayuden ;)

Código HTML:

<form id="test_upload" name="test_upload" action="upload.php" enctype="multipart/form-data" method="post">
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                Titulo
            </td>
            <td>
                <input type="text" id="titulo" name="titulo"/>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                Descripcion
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <textarea id="descripcion" name="descripcion" cols="50" rows="5"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                Archivo <input type="file" id="archivo" name="archivo"/>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit" value="Subir" />
            </td>
        </tr>
    </table>
</form>
 

[_cronos2]

Aparte de la validación JS, debs tener una validación del lado del servidor, porque si se tiene desactivado JS esta validación no vale para nada. Dicho esto,

Código Javascript:

function ID(a){
 return document.getElementById(a);
}
function validar(){
 if(ID('titulo').value.length==0 || ID('descricion').value.length==0 || ID('archivo').value.length==0){
  alert('Debe rellenar todos los campos');
  return false;
 }
}
 

Saludos (:

[nachoz]

El codigo que me diste funciona muy bien al onclick del boton, pero como el formulario llama en su action a upload.php, luego de aparecer el aviso de validacion igualmente carga el upload.php y genera registros vacios en la BD...

Creo que como me advertiste, ¿ También se necesita una validación por lado del servidor?, y si es así ¿Como seria?.

Disculpa mi poca sapiencia en esto. Gracias :D

[_cronos2]

Esque lo estás aplicando mal. La función no se debe poner en el onclick del submit, sino en el onsubmit del form. Es decir, tu form quedaría:

Código HTML:

<form id="test_upload" name="test_upload" action="upload.php" enctype="multipart/form-data" method="post" onsubmit='return validar();'>
<!-- [...] -->
<input type='submit' value='Subir' />
</form>
 

Por otra parte para la validación del servidor dirígete mejor al foro de PHP.

Saludos (:

[nachoz]

Genial _cronos2, pequeño y grave error.

Echando a perder se aprende creo ;)

Saludos.