ajax.js:
Expand|Select|Wrap|Line Numbers
- var a=0;
- var b=0;
- var c=0;
- var d=0;
- var e=0;
- var f=0;
- function check1()
- {
- if (document.getElementById("text1").value == "")
- {
- a=0;
- document.getElementById("alert1").style.visibility="visible";
- }
- else
- {
- a=1;
- document.getElementById("alert1").style.visibility="hidden";
- }
- }
- function check2()
- {
- if (document.getElementById("text2").value == "")
- {
- b=0;
- document.getElementById("alert2").style.visibility="visible"
- }
- else
- {
- b=1;
- document.getElementById("alert2").style.visibility="hidden";
- }
- }
- function check3()
- {
- if (document.getElementById('text3').value == "")
- {
- document.getElementById("alert3").style.visibility="visible";
- c=0;
- }
- else
- {
- document.getElementById("alert3").style.visibility="visible";
- c=1;
- }
- }
- function check4()
- {
- if (document.getElementById('text4').value == "")
- {
- document.getElementById("alert4").style.visibility="visible";
- d=0;
- }
- else
- {
- document.getElementById("alert4").style.visibility="hidden";
- d=1;
- }
- }
- function check5()
- {
- if (document.getElementById('text5').value == "")
- {
- document.getElementById("alert5").style.visibility="visible";
- e=0;
- }
- else
- {
- document.getElementById("alert5").style.visibility="hidden";
- e=1;
- }
- }
- function check6()
- {
- if (document.getElementById('text6').value == "")
- {
- document.getElementById("alert6").style.visibility="visible";
- f=0;
- }
- else
- {
- if (document.getElementById('text6').value==document.getElementById('text5').value)
- {
- document.getElementById("alert6b").style.visibility="hidden";
- f=1;
- }
- else
- {
- document.getElementById("alert6b").style.visibility="visible";
- f=-1;
- }
- }
- }
- var xmlHttp;
- var xmlHttp2;
- function GetXmlHttpObject()
- {
- var xmlHttp=null;
- var xmlHttp2=null;
- try
- {
- // Firefox, Opera 8.0+, Safari
- xmlHttp=new XMLHttpRequest();
- xmlHttp2=new XMLHttpRequest();
- }
- catch (e)
- {
- // Internet Explorer
- try
- {
- xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
- xmlHttp2=new ActiveXObject("Msxml2.XMLHTTP");
- }
- catch (e)
- {
- xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
- xmlHttp2=new ActiveXObject("Microsoft.XMLHTTP");
- }
- }
- return xmlHttp;
- return xmlHttp2;
- }
- function checkUsername(str)
- {
- if (str.length==0)
- {
- document.getElementById("alert4").style.visibility="visible";
- return;
- }
- else
- {
- document.getElementById("alert4").style.visibility="hidden";
- xmlHttp=GetXmlHttpObject()
- if (xmlHttp==null)
- {
- alert ("Your browser does not support AJAX!");
- return;
- }
- var url="username.php";
- 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("alertuse").innerHTML=xmlHttp.responseText;
- }
- }
- function signup(stra, strb, strc, strd, stre)
- {
- xmlHttp2=GetXmlHttpObject()
- if (xmlHttp2==null)
- {
- alert ("Your browser does not support AJAX!");
- return;
- }
- var url2="signingup.php";
- url2=url2+"?a="+stra+"?b="+strb+"?c="+strc+"?d="+strd+"?e="+stre"?f="+a+"?g="+b+"?h="+c+"?i="+d+"?f="+e;
- xmlHttp2.onreadystatechange=stateChanged2;
- xmlHttp2.open("GET",url2,true);
- xmlHttp2.send(null);
- }
- function stateChanged2()
- {
- if (xmlHttp2.readyState==4)
- {
- document.getElementById("www").innerHTML=xmlHttp2.responseText;
- }
- }
Expand|Select|Wrap|Line Numbers
- <html>
- <head>
- <title></title>
- <script src="ajax.js" type="text/javascript"></script>
- </head>
- <body>
- <label for=first id=first>First Name :</label> <input type="text" id="text1" onchange="check1();" />
- <span id="alert1" style='visibility:hidden;'><< Please fill your first name in this field.</span><br><br>
- <label for=last id=last>Last Name :</label> <input type="text" id="text2" onfocus="check1();" onchange="check2();" />
- <span id="alert2" style='visibility:hidden'><< Please fill your last name in this field.</span><br><br>
- <label for=email id=email>E-mail :</label> <input type="text" id="text3" onfocus="check1(), check2();" onchange="check3();" />
- <span id="alert3" style='visibility:hidden'><< Please fill your email in this field.</span><span id="alert3b" style='visibility:hidden'><< Your email ain't valid. Please enter a valid e-mail.</span><br><br>
- <label for=username id=username>Username :</label> <input type="text" id="text4" onfocus="check1(), check2(), check3();" />
- <span id="alert4" style='visibility:hidden'><< Please fill your desired username in this field.</span>
- <span id="alert4b" style='visibility:hidden'><< Username taken. Please choose another username.</span><br><br>
- <label for=pass id=pass>Password :</label> <input type="password" id="text5" onfocus="check1(), check2(), check3(), checkUsername(document.getElementById('text4').value);" onchange="check5();" />
- <span id="alert5" style='visibility:hidden'><< Please fill your desired password in this field.</span><br><br>
- <label for=cpass id=cpass>Confirm Password :</label> <input type="password" id="text6" onfocus="check1(), check2(), check3(), check4(), check5();" /><span id="alert6a" style='visibility:hidden'><< Please confirm your password.</span><span id="alert6b" style='visibility:hidden'><< Passwords don't match.</span><br><br>
- <span id=alertuse></span> <span id=www></span>
- <input type="submit" name="signup" value="Sign Up" onmouseover="signup(document.getElementById('text1').value, document.getElementById('text2').value, document.getElementById('text3').value, document.getElementById('text4').value, document.getElementById('text6').value);" />
- <div id=confirm style='visibility:hidden;'>
- Please enter the confirmation code in the box below.<br><br>
- Confirmation Code: <input type="text" name="ccode" /> <input type="button" value="Confirm" onclick=''/>
- </div>
- </body>
- </html>