Javascript Examples - AJAX: Check Names

HOME JAVASCRIPTS AJAX ASP FORUMS CONSULTING SHOP SEARCH CONTACT

Top » AJAX » CHECK NAMES

If you find this page useful please make a secure donation

Check Names

This will check input names against those available in a database. It will check from a string entered to find all that have that substring in them, and provide an updated suggestion to the user.

We have entered some usernames into our server side code. Using bob or mike will illistrate our code in action.

<form name=testform>
<input type="text" name="one" value="mike">
<input type="button" value="Check Now" onclick="ajaxNow()">
<textarea name=two rows=10 cols=10>-db look info here-</textarea>
</form>

Now we need to define a function to run [ajaxNow()] in response to the button press.

<script>
function ajaxNow()
{
  var _value=document.testform.one.value;
  var xmlHttp;
  try
  {
    /* Firefox, Opera 8.0+, Safari */
    xmlHttp=new XMLHttpRequest();
  }
  catch (e)
  {
    /* newer IE */
    try
    {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
      /* older IE */
      try
      {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e)
      {
        alert("Your browser is old and does not have AJAX support!");
        return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function()
  {
    if(xmlHttp.readyState==4)
    {
      document.testform.two.value=xmlHttp.responseText;
    }
  }
  xmlHttp.open("GET","/ajax/test2_ajax.php?value="+_value,true);
  xmlHttp.send(null);
}
</scriptgt;

Note in the open() call we pass the variable _value_ to the ajax php file using the GET or URL-Rewriting method.
Here is the PHP code - so you can see it (we just pretend to have a DB..)

<?
$ v="
if(isset($ _GET["value"]))
{
  $ v=$ _GET["value"];
}
/*
 * pretend database lookup
 */
$ i=0;
$ data[$ i++]="bob";
$ data[$ i++]="bob1";
$ data[$ i++]="bobby";
$ data[$ i++]="bill";
$ data[$ i++]="bode";
$ data[$ i++]="nobody";
$ data[$ i++]="nobobno";
$ data[$ i++]="mike";
$ data[$ i++]="mike1";
$ data[$ i++]="1mike1";
$ data[$ i++]="many";
$ data[$ i++]="manymike";

$ ret="";
$ f=0;
for($ j=0;$ j<count($ data);$ j++)
{
  if(preg_match("/$ v/",$ data[$ j],$ m))
  {
    $ f++;
    $ ret.="".$ f." ".$ data[$ j]."<BRgt;
";
  }
}

echo $ ret;
?>

Note that all PHP variables above have a space inserted after the dollar sign, and in real PHP code this space would be removed.
You can click here to run the code