formulario + Ajax + ASP

[Ascariz]

hola a todos.

Estoy intentado hacer un formulario para par de alta nuevos usuarios.

cuando rellena el campo usuairo se activa el Aja y pinta si el usuario esta en la BBDD o no y si esta como puedo hacer para borrar el campo ???.

O como lo puedo hacer.

Muchas Gracias

[ZiTAL]

Creo que he entendido que quieres borrar un campo mediante javascript:

1.- ponle una ID:

Código HTML:

<input type="text" id="nombre" name="nombre" /> 

2.- si lo quieres borrar con javascript:

Código:

var nombre=document.getElementById('nombre');
nombre.value='';
nombre.focus(); // para dar foco

Si es lo que yo he entendido, se deberia de mover al subforo javascript

[Ascariz]

Gracias ZiTAL.

Pero eso no es, porque no va.

te pongo el codigo de todo.

HTML

Código:

<script language="JavaScript" src="validar_usuario.js" type="text/javascript"></script>
<input name="usuario" type="text" id="usuario" onblur="showCustomer(this.value)"  />

ASP

Código:

<span class="texto_rojo">Usuario No Valido</span>
<script>
var nombre = document.getElementById('usuario');
nombre.value='';
nombre.focus();
</script>

El html llama al ajax y el llama a la pagina ASP que retorna el ASP CODE.
y si el usuario existe lo que quiero poner en blanco es el campo usuario, que esta en el HTML.

-- Definitiva --
es un formulario que reguistra nuevos usuarios, y si el usuario existe le borre el campo para que lo meta de nuevo y si no no hace nada. para validar el forumario usu la libreria gen_validatorv2.js.

[ZiTAL]

es que ese codigo lo tienes que meter en la funcion donde haces el ajax:

Código:

// ejemplo
  var ajax = new ajaxFunction();
  var usuario = document.getElementById('usuario');
  ajax.onreadystatechange=function()
    {
     if(ajax.readyState==4)
      {
       if(ajax.responseText=='no existe')
        {
          usuario.value='';
          usuario.focus();
        }
       else
        {
           // existe
        }
      }
    }
  ajax.open("GET","tupagina.asp",true); // aqui la pagina que devuelve el valor
  ajax.send(null);

y otra cosa, cuida tu codigo, el atributo language no existe en script, el uso correcto de javascript es:

Código:

<script type="text/javascript" src="urljs.js">
</script>

[Ascariz]

Esta es mi lebreria de Ajax.

como lo tengo que poner que yo de esto no se mucho por no decir nada

Código:

var xmlHttp

function showCustomer(str,)
{ 
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="validar_usuario.asp";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged() 
{ 
if (xmlHttp.readyState==4)
	{
	document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
	}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

[Ascariz]

Ya esta.

Código:

function stateChanged() 
{ 
if (xmlHttp.readyState==4)
	{
		if (xmlHttp.responseText == 'Usuario No Valido')
			{
			document.getElementById('usuario').value = ''
			document.getElementById("txtHint").innerHTML = '<span class=texto_rojo>' + xmlHttp.responseText + '</span>';
    		}
		else
			{
			document.getElementById("txtHint").innerHTML = '<span class=texto_verde>' + xmlHttp.responseText + '</span>';
			}
	}
}

[Ascariz]

en el formulario le paso esto

<input name="usuario" type="text" class="campo_texto" id="usuario" size="25" maxlength="25" onblur="showCustomer(this.value,this.id)" />


y en el ajax

function showCustomer(str,campo)
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
/*alert(str);*/
var url="validar_usuario.asp";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged(campo);
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged(campo)
{
if (xmlHttp.readyState==4)
{
if (xmlHttp.responseText == 'Usuario No Valido')
{
document.getElementById(campo).value = ''
document.getElementById("txtHint").innerHTML = '<span class=texto_rojo>' + xmlHttp.responseText + '</span>';
}
else
{
document.getElementById("txtHint").innerHTML = '<span class=texto_verde>' + xmlHttp.responseText + '</span>';
}
}
}


Por que no funciona ???

[ZiTAL]

en el ASP tienes que hacer un echo 'Usuario No Valido'; vamos sacar esto por pantalla:

Código:

Usuario No Valido

lo que no se es como se hace eso en ASP, en PHP:

Código PHP:

  echo 'Usuario No Valido';  
   

para comparalo con el responseText en javascript

suerte

[Ascariz]

eso si me funciona pero si le paso el nombre del campo no hace nada y da error, como lo soluciono ?

[ZiTAL]

no entiendo, puedes explicarte mejor?

[Ascariz]

si me esplico.

Lo que quiero hacer es pasar por parametros el valor y el nombre del campo y cunado me retorna las datos el fichero ASP borrar el campo que me a pasdo.

Ej si es el campo usuario que borre el usuario y si le paso el email que borre el email.


<input name="usuario" type="text" class="campo_texto" id="usuario" size="25" maxlength="25" onblur="showCustomer(this.value,this.id)" />

<input name="usuario" type="text" class="campo_texto" id="usuario" size="25" maxlength="25" onblur="showCustomer(this.value,this.id)" />


Pero el ajax que te puesto con las letras en rojo me da error ? porque puede ser ?

[ZiTAL]

OK,

tenemos varios input, que cuando pierde foco quieres que vea en la BD si existe o no ese campo.

A la funcion le ponemos el nombre verificar con el parametro this, asi cogeremos cualquier atributo facilmente ;)

Código HTML:

<input type="text" name="nombre" id="nombre" value="" onblur="verificar(this)"/>
<input type="text" name="email" id="email" value="" onblur="verificar(this)"/> 

Ahora tenemos el JS:

Código:

// funcion que genera el objeto XMLHTTP

function ajaxFunction()
  { var xmlHttp;
  try { xmlHttp=new XMLHttpRequest();return xmlHttp; }
  catch (e) { try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");return xmlHttp; }
  catch (e) { try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");return xmlHttp; }
  catch (e) { alert("Your browser does not support AJAX!");return false; }
  }}}

function verificar(esto)
 {
  var ajax = new ajaxFunction();
  ajax.onreadystatechange=function()
    {
     if(ajax.readyState==4) 
      {
       if(ajax.responseText=='Existe')
        {
          esto.value='';
          esto.focus();
        }
       else if(ajax.responseText=='No existe')
        {
          // a tu gusto ;)
        }
      }
    }
  ajax.open("GET","pagina.asp?campo="+esto.name+"&valor=+"esto.value,true);
  ajax.send(null);
 }

El estado del "ajax" es de 5 fases, del 0 al 4:

Código:

0	The request is not initialized
1	The request has been set up
2	The request has been sent
3	The request is in process
4	The request is complete

copy paste de w3schools

vamos la que nos interesa es la 4 que es cuando recivimos la respuesta.

Vamos a ver los parametros que le paso a la pagina.asp por GET

campo
valor

en dicha pagina tienes que hacer un:

Código:

select count(".$campo.") from tabla where ".$campo." like '".$valor."'

y si el resultado de esa select es 0 imprimir por pantalla: 'No existe' y en caso contrario 'Existe'.

Creo que con esto ya sabras llegar a la conclusion.

------------

PD: el NAME del input tiene que ser el mismo de la tabla de la BBDD.

[Ascariz]

Buenas Y gracias de nuevo por responder

HTML

Código:

<script type="text/javascript" src="ajax.js"></script>

<input name="email" type="text"  id="email" onblur="verificar(this)"  />
 <input name="usuario" type="text"  id="usuario" onblur="verificar(this)"  />

en el fichero ajax.js he copiado tu codigo js

y lo que me retorna el ASP es No Valido y Valido

por que no me funciona ?

[ZiTAL]

Instalate el add-on firebug de firefox, y debuagealo mirando la pestaña CONSOLA del firebug.

ahi te dara los fallos

https://addons.mozilla.org/es-ES/firefox/addon/1843

o vete metiendo alert's para ver que valor tiene en su momento.

suerte

[Ascariz]

ajax.open("GET","validar_usuario.asp?campo="+esto. name+"&valor=+"esto.value,true);

[ZiTAL]

Código:

//
ajax.open("GET","validar_usuario.asp?campo="+esto.name+"&valor="+esto.value,true);
//

[Ascariz]

Gracias ya fuunciona y ademas le he metido la url para que sirva para mas campos.

desde el fichero de ajax como puedo pintar por pantalla ?

lo que ponia en el otro era esto, pero en este me da error

document.getElementById("txtHint").innerHTML = '<span class=texto_rojo>' + xmlHttp.responseText + '</span>';

[Ascariz]

Ya esta ...

document.getElementById("txtHint").innerHTML = '<span class=texto_rojo>' + ajax.responseText + '</span>';

lo unico que siempre me dice que es Valido ?

por que puede ser ?

[Ascariz]

Ya esta erra la pagina de ASP

[ZiTAL]

entonces que, ya esta?