Friday, 5 April 2013

Registration form and Username password as a Administrator example by using JavaScript


<!--registration form-->
<html>
<head>
<script type="text/javascript">
function validateUser()
{
var uid=document.getElementById("uid").value;
var user=document.getElementById("user").value;
var pass=document.getElementById("pass").value;
var repass=document.getElementById("repass").value;
var email=document.getElementById("email").value;
var phno=document.getElementById("phno").value;
var addr=document.getElementById("addr").value;
var zip=document.getElementById("zip").value;
var about=document.getElementById("about").value;
var country=document.getElementById("count").value;
var gender=document.getElementById("gend").value;
var language=document.getElementById("lang").value;

var at="@";
var dot=".";

if(isNaN(uid)||uid.length<4||uid.length>8){
alert("Invaild userid");
}
else if((user=="")||(user.length<4)||(user.length>8))
{
alert("Invalid user name");
}
else if((pass=="")||(pass.length<4)||(pass.length>8))
{
alert("Invalid password ");
}
else if((repass=="")||(repass.length<4)||(repass.length>8))
{
alert("Invalid repassword ");
}
else if(repass!=pass)
{
alert("password and repassword must be same");
}
else if(email.indexOf(at)==-1||email.indexOf(at)==0){
alert("Invalid Email-Id");
}
else if(email.indexOf(dot)==-1||email.indexOf(dot)==0){
alert("Invalid Email-Id");
}
else if(isNaN(phno)||phno.length<10||phno.length>10){
alert("not a valid phone no");
}
else if(addr=="")
{
alert("Please enter address.......... ");
}
else if(country=="Default")
{
alert("pls select one country");
}
else if(gender=="")
{
alert("Please select gender......... ");
}
else if(language=="")
{
alert("pls select minimum one language");
}
else if(isNaN(zip)||zip.length<6||zip.length>6){
alert("not a valid zipcode no");
}
else if(about=="")
{
alert("Please enter somthing about you.......... ");
}
}
</script>
</head>
<body>
<center>
<form>
User Id     : <input type="text" id="uid"/><br>
User Name   : <input type="text" id="user"/><br>
Password    : <input type="password" id="pass"/><br>
Repassword  : <input type="password" id="repass"/><br>
Email       : <input type="text" id="email"/><br>
Phone Number: <input type="text" id="phno"/><br>
Address     : <textarea rows="5"cols="20" id="addr"></textarea><br>
Country     :<select name="country" id="count">
<option selected="" value="Default">(Please select a country)</option>
<option value="AF">Australia</option>
<option value="AL">Canada</option>
<option value="DZ">India</option>
<option value="AS">Russia</option>
<option value="AD">USA</option>
</select><br>
Select Gender:<br/>
<input type="radio" name="gender" value="male"id="gend">male<br/>
<input type="radio" name="gender" value="female"id="gend">female<br/>
language:<!--<select name="language" id="gend">-->
<input type="checkbox" name="language"  id="lang"/><span>English</span>
<input type="checkbox" name="language" id="lang"/><span>Non English</span><br>
Zip Code    : <input type="text" id="zip"/><br>
About       : <textarea rows="5"cols="20" id="about"></textarea><br>
              <input type=button value="submit" onClick="validateUser()"/>
</form>
</center>
</body>
</html>
====================================
<!--userpass1-->
<script type = "text/javascript">
var count = 2;
function validate() {
var un = document.myform.username.value;
var pw = document.myform.pword.value;
var valid = false;
var unArray = ["Ramaraju", "Lingaswamy", "Cattamraj", "Samrat"]; 
var pwArray = ["Password1", "Password2", "Password3", "Password4"]; 
for (var i=0; i <unArray.length; i++) {
if ((un == unArray[i]) && (pw == pwArray[i])) {
valid = true;
break;
}
}
if (valid) {
alert ("Login was successful");
window.location = "http://www.microsoft007.in";
return false;
}
var t = " tries";
if (count == 1) {t = " try"}
if (count >= 1) {
alert ("Invalid username and/or password.  You have " + count + t + " left.");
document.myform.username.value = "";
document.myform.pword.value = "";
setTimeout("document.myform.username.focus()", 25);
setTimeout("document.myform.username.select()", 25);
count --;
}
else {
alert ("Still incorrect! You have no more tries left!");
document.myform.username.value = "No more tries allowed!";
document.myform.pword.value = "";
document.myform.username.disabled = true;
document.myform.pword.disabled = true;
return false;
}
}
</script>
<form name = "myform">
<p>
ENTER USER NAME:<input type="text" name="username"><br>
ENTER PASSWORD:<input type="password" name="pword"><br>
<input type="button" value="Check In" name="Submit" onclick= "validate()">
</p>
</form>
 ===========================================
<!--userpass2-->
<script language="javascript">
function pasuser(form) {
  if (form.id.value=="ramaraju") {
    if (form.pass.value=="ramaraju") {             
    location="microsoft007.in"
     }
           else {
     alert("Invalid Password")
     }
   }
   else { 
   alert("Invalid UserID")
   }
}
</script>
<center>
<table bgcolor="white" cellpadding="12" border="1">
<tr><td colspan="2"><center><h1><i><b>Login Area</b></i></h1></center></td></tr>
<tr><td><h1><i><b>UserID:</b></i></h1></td>
    <td><form name="login"><input name="id" type="text"></td></tr>
<tr><td><h1><i><b>Password:</b></i></h1></td>
    <td><input name="pass"type="password"></td></tr>
<tr><td><center><input type="button" value="Login"
onClick="pasuser(this.form)"></center></td>
    <td><center><br><input type="Reset"></form></td></tr>
</table></center>




No comments:

Post a Comment