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

Advertisements

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

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