Quetal, un saludo.
Este es mi primer post aquí, aunque ya hace tiempo que he buscado soluciones a mis problemas en el foro, pues ahora si ya estoy registrado.
Hay un tema antiguo que se llama igual ha este pero al final no lo resolvieron o por lo menos no esta publicada la solución, porque el que creo el tema ya no publico el codigo. En fin.
Tengo un formulario en html, logre que los campos se validaran antes de ser enviados con JavaScript, pero no hay manera de que logre que aparte de enviarse los camposya validados me habra un popup.
Este es el codigo que tengo antes del </header> para el popup:
Código:
<script language="JavaScript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=316,height=234,top=50,left=400";
window.open(pagina,"",opciones);
}
</script>
Este es el codigo que hace que se validen los campos, (esta despues del </header> aclaro por si sirbe de algo):
Código:
<script>
function checkear(){
if(document.getElementById('nombre').value==''){
alert('Debe ingresar su nombre');
return false;
}
if(document.getElementById('direccion').value==''){
alert('Debe ingresar su Dirección');
return false;
}
if(document.getElementById('email').value==''){
alert('Debe ingresar su E-mail');
return false;
}
if(document.getElementById('empresa').value==''){
alert('Debe ingresar su Empresa');
return false;
}
if(document.getElementById('telefono').value==''){
alert('Debe ingresar su Teléfono');
return false;
}
if(document.getElementById('comentarios').value==''){
alert('Debe ingresar un comentario');
return false;
}
} </script>
Y este es el formulario, Odio tener que poner el codigo completo pero solo asi lo ven como es:
Código HTML:
<form action="creadorcontacto.php" onSubmit="return checkear()" method="post">
<input type="hidden" value="Del Formulario de contacto de misitio.com" name="subject" />
<input type="hidden" value="contactenos_iframe.html" target="_blank" name="redirect" />
<div style="width:542px; height: 274px;">
<div style="width:275px; height: 274px; float: left; text-align: left;">
<div style="width:auto; height:15px;"></div>
<div class="Estilo_font_01" style="width:250px; height:11px; float: left; text-align: left; margin-bottom: 4px;">Nombre:</div>
<div style="width:250px; height:22px; float: left; text-align: left; margin-bottom: 5px;"><input name="nombre" class="forma01_contacto" size="15" maxlength="256" id="nombre" /></div>
<div class="Estilo_font_01" style="width:250px; height:11px; float: left; text-align: left; margin-bottom: 4px;">Dirección:</div>
<div style="width:250px; height:22px; float: left; text-align: left; margin-bottom: 5px;"><input name="direccion" class="forma01_contacto" size="15" maxlength="256" id="direccion" /></div>
<div class="Estilo_font_01" style="width:250px; height:11px; float: left; text-align: left; margin-bottom: 4px;">Correo Electrónico:</div>
<div style="width:250px; height:22px; float: left; text-align: left; margin-bottom: 5px;"><input name="email" class="forma01_contacto" size="15" maxlength="256" id="email" /></div>
<div class="Estilo_font_01" style="width:250px; height:11px; float: left; text-align: left; margin-bottom: 4px;">Empresa:</div>
<div style="width:250px; height:22px; float: left; text-align: left; margin-bottom: 5px;"><input name="empresa" class="forma01_contacto" size="15" maxlength="256" id="empresa" /></div>
<div class="Estilo_font_01" style="width:250px; height:11px; float: left; text-align: left; margin-bottom: 4px;">Teléfono:</div>
<div style="width:250px; height:22px; float: left; text-align: left; margin-bottom: 5px;">
<input name="telefono" class="forma01_contacto" size="15" maxlength="256" id="telefono" />
</div>
<div class="Estilo_font_01" style="width:250px; height:11px; float: left; text-align: left; margin-bottom: 4px;">Escribir a:</div>
<div style="width:250px; height:22px; float: left; text-align: left; margin-bottom: 5px;"><select name="recipient" class="forma02">
<option value="[email protected]">Información</option>
<option value="[email protected]">Compras</option>
<option value="[email protected]">Ventas</option>
<option value="[email protected]">Finanzas</option>
</select></div>
</div>
<div style="width:260px; height: 274px; float: right;"><div style="width:auto; height:15px;"></div>
<div class="Estilo_font_01" style="width:250px; height:11px; float: left; text-align: left; margin-bottom: 4px;">Comentarios:</div><div style="width:250px; height:257px; float: left; text-align: left; margin-bottom: 5px;">
<textarea name="comentarios" cols="24" rows="4" class="forma02" id="comentarios"></textarea>
<span class="Estilo_font_01">Todos los campos son obligatorios.</span></div></div>
</div>
<div style="width:286px; height: 50px; margin: auto;">
<input name="reset" type="reset" class="botón" value="Borrar" />
<input name="submit" type="submit" class="botón" value="Enviar" onclick="Abrir_ventana('correo_enviado.html')">
</div>
</form> En el boton de Enviar le tengo onclick="Abrir_ventana('correo_enviado.html')" pero lo que hace naturalmente es que al darle click me habre el popup y a la ves la ventana que se lanza cuando falta llenar uno de los campos, y lo que quiero es que ese popup se habra asta terminar de validar.
Espero que me puedan ayudar, de antemano muchas gracias por su tiempo.
