HTML login page code

HTML login page code

Hi all, I am writing my first HTML JavaScrip validation page called "UserLogin.html". So, please guide me how to validate user and password feild in JavaScript?

If possible then please provide me the complete HTML JavaScript code for User Login Page.

Thanks in Advance!

View Answers

January 2, 2013 at 3:21 PM

function checkForm(form)
{
  if(form.username.value == "")
{
  alert("Error: Username cannot be blank!");
  form.username.focus();
  return false;
}
re = /^\w+$/;
if(!re.test(form.username.value)) {
  alert("Error: Username must contain only letters, numbers and underscores!");
  form.username.focus();
  return false;
}

if(form.pwd1.value != "" && form.pwd1.value == form.pwd2.value) {
  if(form.pwd1.value.length < 6) {
    alert("Error: Password must contain at least six characters!");
    form.pwd1.focus();
    return false;
  }
  if(form.pwd1.value == form.username.value) {
    alert("Error: Password must be different from Username!");
    form.pwd1.focus();
    return false;
  }
  re = /[0-9]/;
  if(!re.test(form.pwd1.value)) {
    alert("Error: password must contain at least one number (0-9)!");
    form.pwd1.focus();
    return false;
  }
  re = /[a-z]/;
  if(!re.test(form.pwd1.value)) {
    alert("Error: password must contain at least one lowercase letter (a-z)!");
    form.pwd1.focus();
    return false;
  }
  re = /[A-Z]/;
  if(!re.test(form.pwd1.value)) {
    alert("Error: password must contain at least one uppercase letter (A-Z)!");
    form.pwd1.focus();
    return false;
  }
} else {
  alert("Error: Please check that you've entered and confirmed your password!");
  form.pwd1.focus();
  return false;
}

alert("You entered a valid password: " + form.pwd1.value);
return true;
}

January 2, 2013 at 5:19 PM

html registration form code with validation

<html>
<body>
<form>
<table width="35%" height="30%" bgcolor="#FFFF66" align="center">

    <tr>        
        <td colspan=2><font size=3><center><b>HTML Login Page Code</b></center>     
    </tr>
    <tr>
        <td width="30%"><b>Name:</b><br/></td>
        <td><input type="text" size=25 maxlength=20 name="userid"></td>
    </tr>
    <tr>
        <td width="30%"><b>Password:</b><br/></td>
        <td><input type="Password" size=25 maxlength=20 name="pswrd"></td>
    </tr>

    <tr>
        <td ><input type="Reset">
        <input type="submit" onclick="check(this.form)" value="Login"/>
    </tr>

</table>
</form>
<script language="javascript">
function check(form)/*function to check userid & password*/
{
 /*the following code checkes whether the entered userid and password are matching*/
 if(form.userid.value == "user1" && form.pswrd.value == "pass1")
  {
    window.open('target.html')/*opens the target page while Id & password matches*/
  }
 else
 {
   alert("Error Password or Username")/*displays error message*/
  }
}
</script>

</body>
</html>

Ads









Related Tutorials/Questions & Answers:
HTML login page code
the complete HTML JavaScript code for User Login Page. Thanks in Advance!   ...HTML login page code  Hi all, I am writing my first HTML JavaScrip...;td colspan=2><font size=3><center><b>HTML Login Page
what is the code for login page in html
what is the code for login page in html  Hi, I am total beginner in HTML coding. I want to make a login page in HTML to understand the form coding. I think login page is goot topic to start and learn. what is the code for login
Advertisements
what is the code for login page in html
what is the code for login page in html  Hi, I am total beginner in HTML coding. I want to make a login page in HTML to understand the form coding. I think login page is goot topic to start and learn. what is the code for login
what is the code for login page in html
what is the code for login page in html  Hi, I am total beginner in HTML coding. I want to make a login page in HTML to understand the form coding. I think login page is goot topic to start and learn. what is the code for login
HTML Login Page Code
HTML Login Page Code Here is an example of html login page code... using JavaScript. In this tutorial we are creating a HTML Login page code... on their credentials. For making login page for websites HTML form and HTML elements
html login page with ajax
html login page with ajax  hi all... i want to create a login page using html and ajax for validation is must. please help me doing that with code...=="yes"){ alert("Welcome User"); }else{ alert("Invalid Login! Please try again
login page code in asp.net
login page code in asp.net  i need front end and backend code for login page in vb asp.net using sql server....having code for submit button
How to create simple HTML Login Page?
How to make Spring web Login form? HTML Login Page Code...Simple HTML Login Page- Create a Simple HTML Login page and validate... with JavaScript. You will  learn How to create a simple HTML login page
How to create simple HTML Login Page?
How to make Spring web Login form? HTML Login Page Code...Simple HTML Login Page- Create a Simple HTML Login page and validate... with JavaScript. You will  learn How to create a simple HTML login page
code for user registration page and login page of emails using jsp
code for user registration page and login page of emails using jsp  hiiiiiii please send me the code for user registration page and login page of email using jsp and servlets and also code for database connectivity to oracle
login page
login page  code for login page
View source code of a html page using java ..
View source code of a html page using java ..  I could find the html source code of a web page using the following program, http://download.oracle.com/javase/1.4.2/docs/api/java/net/URLConnection.html i could get the html code
facebook login button html
facebook login button html  facebook login button html i have a facebook login button code ..but not sure how to use it. Can any one please explain? Here is the facebook login button code in html <fb:login-button
Login page
Login page  how to create Login page in java
swing login code
swing login code  code for the login form
php login and logout code
php login and logout code  Hi, Can anyone share there code for creating a user login and logout page in PHP?or any useful tutorial that can help to create a login and logout application in PHP.. Thanks in Advance
Struts Login Validation. In This code setter of login page is called only one time again it doesnt call it. Why..?
Struts Login Validation. In This code setter of login page is called only one... page..."); log.info("Login page loaded successfully."); return...="com.credentek.recon.sms.action.IndexAction" method="login"> <
Login Page
Login Page  Can anyone tell me the steps to create a login page in myeclipse 7.0 and validating it with login database in db2 9.7 ??? Please tell me
login page
login page  hi i'm trying to create login page using jsp. i get... the program. Following are my programs... 1.index.jsp <%@page contentType="text/html" pageEncoding="UTF-8"%> JSP Page
login page
login page  How to login as different user in php
LOGIN PAGE
LOGIN PAGE  A java program with "login" as title,menus added, and a text field asking for firstname, lastname, and displaying current date and time
HTML Color Code for White
HTML Color Code for White In this page you will find the hexadecimal color code for White color. The hexadecimal color code for white is #FFFFFF or #ffffff... at HTML color codes page
coding for login page
coding for login page  coding for login page
login page in php
login page in php  How to create a login page in php
html code for student information?
html code for student information?  html code for student information
jsp login page
jsp login page  hi tell me how to create a login page using jsp and servlet and not using bean... please tell how to create a database in sql server... please tell with code
need code for login in asp.net with c#
need code for login in asp.net with c#  hai iam trying to develop a project in asp.net with c#,so i need a code for login page using which admin and other users can log in.plz help me, thanks in advance
HTML link code.
HTML link code. Description : It is also called hyper link. HTML provides a tag called anchor, which is used for transferring control from one page...;/a> Code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
HTML Color Code for purple
HTML Color Code for purple In this page you will find the hexadecimal color code for Purple color. The hexadecimal color code for dark purple is #800080... at HTML color codes page
Spring Login Page Error
Spring Login Page Error  Dear Sir/Madam, I used the spring login page code. The index page is working fine. When i try to entry login and password , i am getting the below error: Please help me out in this. Let me know if i
HTML - Strikethrough code.
HTML - Strikethrough code. Description : The strike is a html tag. When you... Markup Language</strike> Code : <!DOCTYPE html PUBLIC ".../TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

Ads