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.