News:

MyKidsDiary.in :: Capture your kids magical moment and create your Online Private Diary for your kids

Main Menu

Ajax Registration Program - Free Registration Form Script

Started by Kalyan, May 01, 2008, 04:07 PM

Previous topic - Next topic

Kalyan

Ajax Registration  program

In this Ajax Registration  program you will learn  how to validate the user registration through ajax call and then display the alert massage if no values are provided in the username and password fields.

When a user input user Id and password and press Register button , method 'call_Register()'  will make ajax call. If  the value returned from the server is "yes" the alert box will show 'Welcome for Register' otherwise it will show ' the Invalid Id/password please enter the Id/password!'.

[blink]Example of  Ajax Registration program:[/blink]

<html>

      <head>

      <title>Ajax Registratiion program</title>

      <script language="javascript">

      function postRequest(strURL){

var xmlHttp;

if(window.XMLHttpRequest){ // For Mozilla, Safari, ...

var xmlHttp = new XMLHttpRequest();

}

else if(window.ActiveXObject){ // For Internet Explorer

var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

xmlHttp.open('POST', strURL, true);

xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

xmlHttp.onreadystatechange = function(){

if (xmlHttp.readyState == 4){

updatepage(xmlHttp.responseText);

}

}

xmlHttp.send(strURL);

}
function updatepage(str){

if(str == "no"){

       alert("Invalid Id/password! Please fill Currect Id/password")

}
                       else{

    alert("welcome for register !");

                        }

                     }

function call_register(){

var login_id =document.reg.uid.value;

                var password=document.reg.passwd.value;

var url = "Register.php?loginid="+login_id+"&password="+password+"";

postRequest(url);

}

      </script>

      </head>

      <body>

      <center>

<form name="reg">

      <table border="1" width="30%">

      <tr>

     <td align="center" colspan="2">  <font face="Monotype" size="5">Registration</font></td>

      </tr>

      <tr>

    <td>  Login id: </td>  <td> <input type="text" name="uid"  size="20"></td>

      </tr>

<tr>

    <td> Password: </td><td><input type="password" name="passwd" size="20" /></td>

      </tr>

      <tr>

    <td align="center" colspan="2"> <input type="submit"  value="Register" onClick="return call_register()"

style="background-color:#FFE9D2;color:#0000FF; border-color:#99CC33"> </td>

      </tr>
  </table>

      </form>

      </body>
      </html>

[blink]Here this code support the Register.php for Ajax Registration program:[/blink]

<?
$loginid=$_GET["loginid"];
$password=$_GET["password"];
if( $password == "" || $loginid == "" || ($loginid == "" && $password == "") ){
echo "no";
}
else{
echo "yes";
}
?>

Admin(Portal)

Did Anyone Tested it.

Is that code working properly.

Kindly comment on it.
  :confused
A.SK in short

Sneha Suvarna

The code has worked.. But i wanted help in regard with linking  the code to the table where the login ID and the Password is stored.. I also wanted to know which Database can be used with Ajax.