Se que es algo basico, pero me esta trayendo problemas y no encontre en ningun lado una forma de hacerlo con javascript (todos aparecen con php); se que algo estoy haciendo mal pero necesito ayuda! Por las dudas aqui dejo mi funcion para validar:
Código:
function abrir() {
window.open("valida.html", "_self", "width=300,height=300,toolbar=yes,status=yes,resizable=yes,scrollbars=auto");
}
var ventana;
function abrir2() {
ventana = window.open("popup.html", "_blank", "width=400,height=400,toolbar=yes,status=yes,resizable=yes,scrollbars=auto");
}
function verificar() {
var hayerrores = false;
var errores = "";
if ($("nombre").value.length<3) {
errores = errores + "- No ha ingresado el Nombre. <br />";
hayerrores = true;
destacarError("nombre");
}
if ($("apellido").value.length<3) {
errores = errores + "- No ha ingresado el Apellido. <br />";
hayerrores = true;
destacarError("apellido");
}
valor = ($("email").value);
if( !(/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)/.test(valor)) ) {
errores = errores + "- No ha ingresado un Email válido.<br />";
hayerrores=true;
destacarError("email");
}
if ($("empresa").value.length<3) {
errores = errores + "";
hayerrores = true;
}
if ($("recomendacion").value.length<3) {
errores = errores + "";
hayerrores = true;
}
if ($("dia").selectedIndex==0) {
errores += "- Debe ingresar su Dia de Nacimiento. <br />";
hayerrores = true;
destacarError("dia");
}
if ($("mes").selectedIndex==0) {
errores += "- Debe ingresar su Mes de Nacimiento. <br />";
hayerrores = true;
destacarError("mes");
}
if ($("anio").selectedIndex==0) {
errores += "- Debe ingresar su Año de Nacimiento. <br />";
hayerrores = true;
destacarError("anio");
}
if ($("postal").value!="") {
if (isNaN($("postal").value)) {
errores = errores + "";
hayerrores = true;
}
}
if ($("telefono").value!=''){
if(isNaN($("telefono").value)) {
errores = errores + "- El número es inválido. <br /> ";
hayerrores = true;
}
}
if (!$("aceptacion").checked) {
errores += "- Debe aceptar las Condiciones y Terminos de VRS Arquitectura para poder continuar.<br />";
hayerrores = true;
}
if ($("pais").selectedIndex==0) {
errores += "- Debe seleccionar un País. <br />";
hayerrores = true;
destacarError("pais");
}
var cantidad = 0;
for (var i=0; i<$("opciones").options.length; i++) {
if ($("opciones").options[i].selected) {
cantidad++;
}
}
if (cantidad < 2) {
errores += "- Debe seleccionar dos Opciones. <br />";
hayerrores = true;
}
if (hayerrores==false) {
$("formulario").submit();
return abrir();
} else {
$("sumarioValidacion").innerHTML = errores;
return abrir2();
}
}
function destacarError(id) {
$(id).focus();
$(id).className = "cajaError";
}
function $(id) {
return document.getElementById(id);
}
function ponerProvincias() {
var selec = $("pais").selectedIndex;
var pais = $("pais").options[selec].value;
$("provincia").options.length = 0;
switch (pais) {
case "AR":
var nuevaOpcion = new Option("Buenos Aires", "BA");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
var nuevaOpcion = new Option("Catamarca", "CA");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
var nuevaOpcion = new Option("Chaco", "CH");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
var nuevaOpcion = new Option("Chubut", "CU");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
var nuevaOpcion = new Option("Cdad Autonoma Bs As", "AU");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
var nuevaOpcion = new Option("Corrientes", "CO");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
var nuevaOpcion = new Option("Cordoba", "CA");
break;
case "ES":
var nuevaOpcion = new Option("Cantabria", "CA");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
var nuevaOpcion = new Option("Madrid", "MA");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
break;
case "UY":
var nuevaOpcion = new Option("Canelones", "CA");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
var nuevaOpcion = new Option("Montevideo", "MO");
$("provincia").options[$("provincia").options.length] = nuevaOpcion;
break;
}
}


