Codigo html formulario:
Código:
<form name="form_contacto" action="?m=contacto" method="post" onSubmit="return validar_contacto(this);"> <input type="hidden" name="codigo" value=<? echo "$codigo"; ?>> <input type="hidden" name="ip" value="<?php echo $_SERVER[REMOTE_ADDR] ?>"> <input type="hidden" name="correcto" value="si"> <p> <label>Tu Nombre y Apellido*</label> <input name="nombre" type="text" size="30" maxlength="20" onkeyup="return validar_nombre(this);" /> <span style="float:right" id="error_nombre"><img id="img_checkform" src="images/incorrecto.png" /> 5 Carácteres mínimo.</span> <span id="correcto_nombre" style="display:none; float:right;"><img id="img_checkform" src="images/correcto.png" /></span> </p> <p> <label>Tu Email*</label> <input name="email" type="text" size="30" maxlength="50" onkeyup="return validar_email(this);" /> <span style="float:right" id="error_email" ><img id="img_checkform" src="images/incorrecto.png" /> Ingrese un email válido.</span> <span id="correcto_email" style="display:none; float:right;"><img id="img_checkform" src="images/correcto.png" /></span> </p> <p> <label>Motivo del contacto*</label><span style="float:right" id="error_motivo" ><img id="img_checkform" src="images/incorrecto.png" /> Seleccione alguna opcion.</span> <span id="correcto_motivo" style="display:none; float:right;"><img id="img_checkform" src="images/correcto.png" /></span><br /> <input type="radio" value="productos" name="motivo" onclick="Ocultar(otro); Mostrar(selecproducto); Ocultar(error_motivo); Mostrar(correcto_motivo);" />Consulta sobre productos.<br /> <input type="radio" value="duda" name="motivo" onclick="Ocultar(selecproducto); Ocultar(otro); Ocultar(error_motivo); Mostrar(correcto_motivo);" />Duda o Sugerencia.<br /> <input type="radio" value="otro" name="motivo" onclick="Ocultar(selecproducto); Mostrar(otro); Ocultar(error_motivo); Mostrar(correcto_motivo);" />Otro.<br /> </p> <div id="selecproducto" style="display:none"> <p> <label>Seleccione el Producto*</label> <select onchange="Ocultar(error_selecproducto); Mostrar(correcto_selecproducto);" size="1" name="cualproducto"> <option selected="selected">Seleccione un producto*</option> <? while ($Cadaproducto = mysql_fetch_assoc($HacerConsultaProductos)) { $idproducto = $Cadaproducto['ID']; $nombreproducto = $Cadaproducto['nombre']; $rutaproducto = $Cadaproducto['ruta']; ?> <option value="<? echo "$idproducto"; ?>"><? echo "$nombreproducto"; ?></option> <? } ?> </select> <span style="float:right" id="error_selecproducto" ><img id="img_checkform" src="images/incorrecto.png" /> Seleccione alguna opcion</span> <span id="correcto_selecproducto" style="display:none; float:right;"><img id="img_checkform" src="images/correcto.png" /></span> </p><br /> </div> <div id="otro" style="display:none"> <p> <label>Escriba su motivo*</label> <input name="otromotivo" type="text" size="30" maxlength="50" onkeyup="return validar_otro(this);" /> <span style="float:right" id="error_otromotivo" ><img id="img_checkform" src="images/incorrecto.png" /> Escriba algún motivo</span> <span id="correcto_otromotivo" style="display:none; float:right;"><img id="img_checkform" src="images/correcto.png" /></span> </p> </div> <p> <label>Tu Mensaje (dudas, mas datos de contacto, etc)*</label> <span style="float:right" id="error_mensaje"><img id="img_checkform" src="images/incorrecto.png" /> 20 Carácteres mínimo y 500 máximo</span> <span id="correcto_mensaje" style="display:none; float:right;"><img id="img_checkform" src="images/correcto.png" /></span><br /> <textarea name="mensaje" rows="5" cols="60" minlength="20" onkeyup="return validar_mensaje(this);" ></textarea> <br /><br /> </p> <p> <label>Ingrese el Código * <input name="codigo" type="button" value="<? echo "$codigo"; ?>" disabled></label> <input name="codigo2" type="text" size="9" maxlength="5" onkeyup="return validar_codigo(this, <? echo "$codigo"; ?>);" /> <span style="float:right" id="error_codigo" ><img id="img_checkform" src="images/incorrecto.png" /> Ingrese el código.</span> <span id="correcto_codigo" style="display:none; float:right;"><img id="img_checkform" src="images/correcto.png" /></span> </p> <p> <input name="submit" type="submit" value="Enviar" class="button" /> <input name="reset" type="reset" class="button" /> </p> <p> * Campo Obligatorio. </p> </form>
Lo siguiente es el codigo javascript:
Código:
function validar_contacto(formulario) { if (Se_Muestra(error_nombre) == true || Se_Muestra(error_email) == true || Se_Muestra(error_mensaje) == true || Se_Muestra(error_codigo) == true || Se_Muestra(error_motivo) == true) { alert("Todos los campos deben tener un Ticket verde a su derecha."); return false; } else if (Se_Muestra(seleccuadro) == true && Se_Muestra(error_seleccuadro) == true) { alert("Todos los campos deben tener un Ticket verde a su derecha."); return false; } else if (Se_Muestra(otro) == true && Se_Muestra(error_otromotivo) == true) { alert("Todos los campos deben tener un Ticket verde a su derecha."); return false; } else { return true; }; }; function validar_nombre(nombre) { if (nombre.value.length < 5) { Ocultar(correcto_nombre); Mostrar(error_nombre); //alert('Complete el campo Nombre. 10 Carácteres mínimo.'); nombre.focus(); } else { Ocultar(error_nombre); Mostrar(correcto_nombre); }; }; function validar_email(email) { if (email.value.length < 5 || email.value.indexOf ('@', 0) == -1 || email.value.indexOf ('.', 0) == -1) { Ocultar(correcto_email); Mostrar(error_email); email.focus(); } else { Ocultar(error_email); Mostrar(correcto_email); }; }; function validar_otro(otro) { if (otro.value.length < 4) { Ocultar(correcto_otromotivo); Mostrar(error_otromotivo); otro.focus(); } else { Ocultar(error_otromotivo); Mostrar(correcto_otromotivo); }; }; function validar_mensaje(mensaje) { var mlength=mensaje.getAttribute? parseInt(mensaje.getAttribute("maxlength")) : "" var minlength=mensaje.getAttribute? parseInt(mensaje.getAttribute("minlength")) : "" if (mensaje.getAttribute && mensaje.value.length>mlength) mensaje.value=mensaje.value.substring(0,mlength) if (mensaje.value.length < minlength || mensaje.value.length > 500) { Ocultar(correcto_mensaje); Mostrar(error_mensaje); mensaje.focus(); } else { Ocultar(error_mensaje); Mostrar(correcto_mensaje); }; }; function validar_codigo(codigoingresado, codigo) { if (codigoingresado.value < 5 || !(codigo == codigoingresado.value)) { Ocultar(correcto_codigo); Mostrar(error_codigo); codigo2.focus(); } else { Ocultar(error_codigo); Mostrar(correcto_codigo); }; }; function ismaxlength(obj){ var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : "" if (obj.getAttribute && obj.value.length>mlength) obj.value=obj.value.substring(0,mlength) } function Alternar(Seccion){ if (Seccion.style.display=="none"){ Seccion.style.display=""; } else { Seccion.style.display="none"; } } function Mostrar(Seccion){ Seccion.style.display=""; } function Ocultar(Seccion){ Seccion.style.display="none"; } function Se_Muestra(Seccion) { if (Seccion.style.display == "") { return true; } else { return false; }; };
Porfavor ayudenme y gracias de antemano.