opos2016MAD

function incluirNombre(nombre){
    entrada = document.getElementById("login");
    entrada.setAttribute("list","usuarios");
    if(!document.getElementById("usuarios")){
        var dataLista = document.createElement("datalist");
        dataLista.setAttribute("id","usuarios");
        var formu = document.getElementsByTagName("form")[0];
        formu.appendChild(dataLista);
    }
    var usuLista = document.getElementById("usuarios");
    usu = document.createElement("option");
    usu.setAttribute("value",document.getElementById("login").value);
    usuLista.appendChild(usu);
}
function muestraMensaje() {
    if(window.XMLHttpRequest) {
    var peticionHttp = new XMLHttpRequest();
    }
    peticionHttp.onreadystatechange = consultaResultado;
    peticionHttp.open('GET', 'http://localhost/php/validar.php', true);
    peticionHttp.send(null);
    function consultaResultado() {
    if(peticionHttp.readyState == 4) {
      if(peticionHttp.status == 200) {
          alert(peticionHttp.responseText);
        if(peticionHttp.responseText == "no") {
          alert("Usuario no encontrado");
        }
        else {
          incluirNombre();
        }
      }
    }
    }
}

window.onload=function(){
    var enlace = document.getElementById("comprobar");
    enlace.addEventListener("click", muestraMensaje, false);
}