// JavaScript Document
window.onload = inicializar;
var elform,elciudad,elpais,elnombre,elapellido;
var elerror;
function inicializar(){
  obtenerElementos();
  asignarFunciones();
}
function obtenerElementos(){
  elform=document.getElementById("miform");
  elpais=document.getElementById("pais");
  elnombre=document.getElementById("nombre");
  elapellido=document.getElementById("apellido");
  elciudad=document.getElementById("ciudad");
  elmail=document.getElementById("mail");
  elerror=document.getElementById("errores");
}

function asignarFunciones(){
  elform.onsubmit=validar;
 
}

function validar(){
    document.getElementById("lblnombre").className="normal";
    document.getElementById("lblapellido").className="normal";
    document.getElementById("lblciudad").className="normal";
    document.getElementById("lblpais").className="normal";
    document.getElementById("lblmail").className="normal";
    
  error="";
  if(elnombre.value==""){
    error="<li>falta nombre </li>";
    document.getElementById("lblnombre").className="lerror";
    //elnombre.className="error";
  }
  if(elapellido.value==""){
    error+="<li>falta apellido</li>";
    document.getElementById("lblapellido").className="lerror";
    //elapellido.className="error";
  }
  if(elciudad.value==""){
    error+="<li>falta ciudad</li>";
    document.getElementById("lblciudad").className="lerror";
    //elciudad.className="error";
  }
  if(elpais.value==""){
    error+="<li>falta pais";
    document.getElementById("lblpais").className="lerror";
    //elpais.className="error";
  }
  if(elmail.value.indexOf("@")<2){
    error+="<li>correo no valido</li>";
    document.getElementById("lblmail").className="lerror";
    //elmail.className="error";
  }
  
  if(error!=""){
    error="<p>tu mensaje tiene errores</p> <ul>"+error+"</ul>";
    elerror.innerHTML=error;
    return false;
  }
}