Me llamo Javy y tengo un problema con el que llevo varios días... (ya casi no tengo ni pelo...)
El problema es el siguiente:
- Necesito hacer un formulario con dos "Textarea", un "Select" y un "Input" para subir imagenes.
La idea es que si alguno de los campos no se van rellenando, vaya avisando y no mande el formulario...
Resulta que el código que he creado "insertando" partes que he encontrado por este foro e Internet, funciona en una página en HTML.
Si este mismo código lo inserto en una página PHP... pues básicamente se lo pasa por donde amargan los pepinos... (espero no ofender a nadie, pero a estas horas ya estoy acabado...)
Necesito si me pueden revisar el código y decirme donde he petido la pata y hasta donde...
PÁGINA HTML
Código:
Falta la página en PHP... va en el siguiente mensaje <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script src="js/jquery.min.js"></script><!-- jquery.min.js PARA QUE SE VEA EL BOTON -->
<!-- CKEDITOR -->
<script src="ckeditor/ckeditor.js"></script>
<script src="ckeditor.js"></script>
<script type="text/javascript">
CKEDITOR.config.width = "100%";
</script>
<!-- -->
<!-- MOSTRAR OBJETO OCULTO -->
<script type="text/javascript">
function cargando(){
document.getElementById('carga').style.visibility="visible";
}
</script>
<!-- -->
</head>
<body>
<script type="text/javascript">
function validar(formulario){
var fotomontajesimgtitulo = getvalue();
if(fotomontajesimgtitulo == ""){//SI NO SE ESCRIBE TITULO
document.getElementById('errortitulo').style.visibility="visible";
return false;
}
var fotomontajesimgtexto = getvalue2();
if(fotomontajesimgtexto == ""){//SI NO SE ESCRIBE TEXTO
document.getElementById('errortexto').style.visibility="visible";
document.getElementById('errortitulo').style.visibility="hidden";
return false;
}
if( document.forms[0].fotomontajesseriesid.selectedIndex == 0 ) {// SI NO SE SELECCIONA UNA SERIE
alert('MIERDAS');
document.getElementById('errorserie').style.visibility="visible";
document.getElementById('errortitulo').style.visibility="hidden";
document.getElementById('errortexto').style.visibility="hidden";
return false;
}
var imagen = document.forms[0]['imagen'].value;
if(!imagen){//SI NO SE HA SELECCIONADO NINGUN ARCHIVO
document.getElementById('errorimg').style.visibility="visible";
document.getElementById('errortitulo').style.visibility="hidden";
document.getElementById('errortexto').style.visibility="hidden";
document.getElementById('errorserie').style.visibility="hidden";
return false;
}
//TIPOS DE ARCHIVOS PERMITIDOS
extensiones = new Array(".png", ".gif", ".jpeg", "pjpeg", ".jpg", ".tif");
//RECUPERA LA EXTENSION DEL ARCHIVO
extension = (imagen.substring(imagen.lastIndexOf("."))).toLowerCase();
//COMPRUEBA SI LA EXTENSION ESTA PERMITIDA
permitida = false;
for (var i = 0; i < extensiones.length; i++) {
if (extensiones[i] == extension) {
permitida = true;
break;
}
}
if (!permitida) {// SI LA EXTENSION NO ESTA PERMITIDA
document.getElementById('errorextension').style.visibility="visible";
document.getElementById('errortitulo').style.visibility="hidden";
document.getElementById('errortexto').style.visibility="hidden";
document.getElementById('errorserie').style.visibility="hidden";
document.getElementById('errorimg').style.visibility="hidden";
return false;
}
else{
formulario.submit();
alert('MIERDAS MANDADAS');
document.getElementById('errortitulo').style.visibility="hidden";
document.getElementById('errortexto').style.visibility="hidden";
document.getElementById('errorserie').style.visibility="hidden";
document.getElementById('errorimg').style.visibility="hidden";
document.getElementById('errorextension').style.visibility="hidden";
document.getElementById('carga').style.visibility="visible";
return true;
}
}
</script>
<form enctype="multipart/form-data" method="post" action="">
<textarea name="fotomontajesimgtitulo" cols="100" rows="10" id="fotomontajesimgtitulo"></textarea>
<script type="text/javascript">
CKEDITOR.replace('fotomontajesimgtitulo');
getvalue = function()
{
var editor = CKEDITOR.instances.fotomontajesimgtitulo;
var value = editor.getData();
return value;
}
</script>
<p> </p>
<!--COMIENZO & FINAL DIV TEXTO-ARTICLE3 -->
<div name="error" id="errortitulo" class="texto-article3" style="background:#B91F22; visibility:hidden;">
<p style="color:#FFF; font-weight:bold;">¡Escriba Titulo!</p></div>
<textarea name="fotomontajesimgtexto" cols="100" rows="10" id="fotomontajesimgtexto"></textarea>
<script type="text/javascript">
CKEDITOR.replace('fotomontajesimgtexto');
getvalue2 = function()
{
var editor = CKEDITOR.instances.fotomontajesimgtexto;
var value = editor.getData();
return value;
}
</script>
<p> </p>
<!--COMIENZO & FINAL DIV TEXTO-ARTICLE3 -->
<div name="error" id="errortexto" class="texto-article3" style="background:#B91F22; visibility:hidden;">
<p style="color:#FFF; font-weight:bold;">¡Escriba Texto!</p></div>
<select name="fotomontajesseriesid">
<option value="Elegir">Elegir
<option value="Comercial">Contacto comercial
<option value="Clientes">Atención al cliente
<option value="Proveedores">Contacto de proveedores
</select>
<p> </p>
<!--COMIENZO & FINAL DIV TEXTO-ARTICLE3 -->
<div name="error" id="errorserie" class="texto-article3" style="background:#B91F22; visibility:hidden;">
<p style="color:#FFF; font-weight:bold;">¡Seleccione una Serie!</p></div>
<!--COMIENZO DIV TEXTO-ARTICLE2 -->
<div class="texto-article2">
<p style="text-align:center;">Nueva Imagen:</p><p> </p>
<input name="imagen" type="file" size="70" class="article2-input" /><p> </p>
<!--COMIENZO & FINAL DIV TEXTO-ARTICLE3 -->
<div name="error" id="errorimg" class="texto-article3" style="background:#B91F22; visibility:hidden;">
<p style="color:#FFF; font-weight:bold;">¡Seleccione una Imagen!</p></div>
<!--COMIENZO & FINAL DIV TEXTO-ARTICLE3 -->
<div name="errorextension" id="errorextension" class="texto-article3" style="background:#B91F22; visibility:hidden;">
<p style="color:#FFF; font-weight:bold;">¡Extensión de Imagen no Permitida!</p></div>
</div>
<input type="button" value="ENVIAR" class="boton-submit2" onclick="validar(this.form)" />
</form>
</body>
</html>
