hippo_ajax_form.js

let you know how to check email,id,phone

var XMLHttpRequestObject = false;
var flgError = new Array();
var intNumFormElement = 0;

if (window.XMLHttpRequest) 
{
  XMLHttpRequestObject = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
  try
  {
    XMLHttpRequestObject = new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch (e)
  {
    try
    {
    	XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch (e2)
    {
    	try
    	{
        XMLHttpRequestObject = new ActiveXObject("Msxml2.XMLHTTP.4.0");
    	}
    	catch (e3)
    	{
        XMLHttpRequestObject = null;
    	}
    }
  }
}

function sendFormData(idForm, dataSource, divID)
{
  var postData;
  
  if(XMLHttpRequestObject)
  {
    XMLHttpRequestObject.open("POST", dataSource);
    XMLHttpRequestObject.setRequestHeader("Method", "POST " + dataSource + " HTTP/1.1");
	  XMLHttpRequestObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	  
    XMLHttpRequestObject.onreadystatechange = function()
    {
      if (XMLHttpRequestObject.readyState == 4 &&
          XMLHttpRequestObject.status == 200)
      {
        var objDiv = document.getElementById(divID);
        objDiv.innerHTML = XMLHttpRequestObject.responseText;
      }
    }
    
    for(i=0; i<document.getElementById(idForm).elements.length - 1; i++)
    {
      /*Debug
      alert(document.getElementById(idForm).elements[i].name);
      */
      //postData += "&"+document.getElementById(idForm).elements[i].name+"="+document.getElementById(document.getElementById(idForm).elements[i].name).value;
      postData += "&aryFormData["+i+"]="+document.getElementById(document.getElementById(idForm).elements[i].name).value;
    }
    
    postData += "&parm="+new Date().getTime();
    XMLHttpRequestObject.send(postData);
  }
}

function checkFormInput(keyEvent, divID, dataSource, idForm)
{
  keyEvent = (keyEvent) ? keyEvent: window.event;
  input = (keyEvent.target) ? keyEvent.target : keyEvent.srcElement;
  if (keyEvent.type == "keyup")
  {
    var objDiv = document.getElementById(divID);
    objDiv.innerHTML = "<div></div>";
    if (input.value)
    {
      if(XMLHttpRequestObject)
      {
        dataSource += '?divid='+divID;
        for(i=0; i<document.getElementById(idForm).elements.length - 1; i++)
        {
          /*Debug
          alert(document.getElementById(idForm).elements[i].name);
          */
          dataSource += "&"+document.getElementById(idForm).elements[i].name+"="+document.getElementById(document.getElementById(idForm).elements[i].name).value;
        }
        dataSource += "&parm="+new Date().getTime();
        
        XMLHttpRequestObject.open("GET", dataSource);
        
        XMLHttpRequestObject.onreadystatechange = function()
        {
          try
          {
            if (XMLHttpRequestObject.readyState == 4 &&
                XMLHttpRequestObject.status == 200)
            {
              var objDiv = document.getElementById(divID);
              objDiv.innerHTML = XMLHttpRequestObject.responseText;
              eval(XMLHttpRequestObject.responseText);
            }
          }
          catch(E){}
        }
        XMLHttpRequestObject.send(null);
        
      } /* End: if(XMLHttpRequestObject)*/
    } /* End: if (input.value)*/
  } /* End: if (keyEvent.type == "keyup")*/ 
}

function isFormValid()
{
  var flgCount = 0;
  
  for(i=0; i<flgError.length; i++)
  {
    if(flgError[i]!=null)
    {
      flgCount += flgError[i];
    }
  }
  
  if(flgCount==intNumFormElement)
  {
    /*Show Submit*/
    document.getElementById('form_submit').disabled = false;
  }
  else
  {
    /*Hide Submit*/
    document.getElementById('form_submit').disabled = true;
  }
  
}

function statusOKText(divID, flag)
{
  var showDiv = document.getElementById(divID);
  showDiv.innerHTML = "";
  flgError[flag] = 1;
  isFormValid();
}

function statusErrorText(divID, flag)
{
  var showDiv = document.getElementById(divID);
  showDiv.innerHTML = "<font color=red>*</font>";
  flgError[flag] = 0;
  isFormValid();
}