Problema al validar input file

chan · #1 (**permalink**) 28/10/2008, 07:34

Hola gente del foro! algo que pense que era muy sencillo se me esta complicando, por un lado tengo este formulario

Código HTML:

<form id="registracion" enctype="multipart/form-data" name="registracion" method="post" action="procesa.php">
  <p>
  <input name="usuario" type="text" class="campos" id="usuario" size="40" maxlength="16" />
  </p>
  <p>
    <input name="clave" type="password" class="campos" id="clave" size="40" maxlength="16" />
  </p>
  <p>
    <input name="clave2" type="password" class="campos" id="clave2" size="40" maxlength="16" />
  </p>
  <p>
    <input name="cv" type="file" class="campos" id="cv" size="33" />
  </p>
  <p>
    <input type="image" name="imageField" id="imageField" src="/empleos/imagenes/bt-registracion.jpg" onclick="compruebaCv(this.form.cv.value)" />
          </p>
</form>

y en mi archivo .JS entre otras funciones tengo esta:

Código HTML:

function compruebaCv(archivo) {
	if (!archivo) { 
		alert("Debes subir tu CV para finalizar tu registración")
		return 0;
	}else{
		return 1; 
	} 
}

El problema concreto es que quiero que el input file sea un campo obligatorio osea que si o si el usuario tenga que subir un archivo, actualmente el formulario si uno no sube el archivo se muestra el cartel de aviso pero luego de eso se hace el submit, y yo lo que quiero es que no se pueda hacer submit hasta que ese campo input file no sea blanco.

Alguien sabe como puedo hacer para que no se envie el formulario si no se selecciono ningún archivo para subir?

Gracias por su tiempo.

calinzt · #2 (**permalink**) 28/10/2008, 07:44

umm despues del alert mandale el foco del campo cv y un return false para que se salga

the_web_saint · #3 (**permalink**) 28/10/2008, 07:44

Podrías llamar a la función de validación en el onsubmit del form de esta forma

Cita:

onsubmit="return compruebaCv(this.form.cv.value);"

y retornar false o true en la función.

chan · #4 (**permalink**) 28/10/2008, 09:24

mm de esa forma me lo manda igual el formulario y no entra a la funcion..

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript">
function compruebaCv(archivo) {
	if (!archivo) { 
		alert("Debes subir tu CV para finalizar tu registración")
		return false;
	}else{
		return true; 
	} 
} 
</script>
</head>

<body>
<form id="registracion" enctype="multipart/form-data" name="registracion" method="post" action="borrar.php" onsubmit="return compruebaCv(this.form.cv.value);">
  <p>
  <input name="usuario" type="text" class="campos" id="usuario" size="40" maxlength="16" />
  </p>
  <p>
    <input name="clave" type="password" class="campos" id="clave" size="40" maxlength="16" />
  </p>
  <p>
    <input name="clave2" type="password" class="campos" id="clave2" size="40" maxlength="16" />
  </p>
  <p>
    <input name="cv" type="file" class="campos" id="cv" size="33" />
  </p>
  <p>
    <input type="image" name="imageField" id="imageField" src="/empleos/imagenes/bt-registracion.jpg" />
          </p>
</form>
</body>
</html>

David · #5 (**permalink**) 28/10/2008, 09:37

Es que en ese contexto this hace referencia al formulario, así que el .form está sobrando, debería ser únicamente this.campo.value

the_web_saint · #6 (**permalink**) 28/10/2008, 09:41

jejejej cierto, gracias por la corrección David el Grande.
Además que creo que te hace falta el submit del form.

Saludos

chan · #7 (**permalink**) 28/10/2008, 11:15

Gracias a todos! lo pude solucionar gracias a su ayuda.