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...

thanks in advance

View Answers

September 4, 2012 at 3:39 PM

Here is a jsp example that accepts username and password from the user and check whether the user is valid or not by using ajax.

1)ajaxLogin.jsp

<html>
<head>
<script language="javascript">
function postRequest(strURL){
var xmlHttp;
if(window.XMLHttpRequest){ 
var xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject){ 
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=="yes"){
alert("Welcome User");
}else{
alert("Invalid Login! Please try again!");
}
}

function call_login(){
var username = window.document.f1.username.value;
var password = window.document.f1.password.value;
var url = "check.jsp?username=" + username + "&password=" +password ;
postRequest(url);
} 
</script>
</head>

<body>
<Center>

<form name="f1" onsubmit="return call_login();">
<table border="0" bgcolor="#CCCCFF" cellspacing="1" cellpadding="3" width="287">
<tr>
<td align="left" colspan="2" width="275"><b><font size="5" color="#000080">Login</font></b></td>
</tr>
<tr>
<td align="right" width="81"><b><font color="#000080">User
Name:</font></b></td>
<td width="184"><input type="text" name="username" id="user" size="20" value="" /></td>
</tr>
<tr>
<td align="right" width="81"><b><font color="#000080">Password:</font></b></td>
<td width="184"><input type="password" name="password" size="20" value="" /></td>
</tr>
<tr>
<td colspan="2" align="center" width="275"><input type="button" name="a1" value="Login" onclick="call_login()"></td>
</tr>
</table>
</form>

</center>
</body>
</html>

2)check.jsp:

<%
String username=request.getParameter("username");
String password=request.getParameter("password");
if(username=="admin" && password=="admin"){
out.println("yes");
}else{
out.println("no");
}
%>

Ads









Related Tutorials/Questions & Answers:
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... and password from the user and check whether the user is valid or not by using ajax
HTML login page code
HTML login page code  Hi all, I am writing my first HTML JavaScrip... the complete HTML JavaScript code for User Login Page. Thanks in Advance!   ...;td colspan=2><font size=3><center><b>HTML Login Page
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... page in html? How to create login page in HTML? Thaks
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... page in html? How to create login page in HTML? Thaks
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... page in html? How to create login page in HTML? Thaks
HTML Login Page Code
HTML Login Page Code Here is an example of html login page code... on their credentials. For making login page for websites HTML form and HTML elements... using JavaScript. In this tutorial we are creating a HTML Login page code
using ajax and jsp (struts) to login and remain on same page.
using ajax and jsp (struts) to login and remain on same page.  I am a fresher... I can forward my login page to success page using struts, but I want to remain on same login page and just want to display loggers name ... I don't
HTML WITH AJAX
HTML WITH AJAX  I WANT A SIMPLE HTML AJAX PROGRAM WHICH GETS ANY STRING STRING AS INPUT AND GIVES THE RESULT
How to create simple HTML Login Page?
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 make Spring web Login form? HTML Login Page Code
How to create simple HTML Login Page?
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 make Spring web Login form? HTML Login Page Code
ajax login example
ajax login example  hi deepak, i am trying to execute ajax login example in eclipse but it show the form but when I enter admin admin it shows invalid credentials how to resolve
login page
login page  code for login page
Login page
Login page  how to create Login page in java
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  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
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
What is the use of Login Page?
can check the tutorial: How to create simple HTML Login Page? In case...? How to create simple HTML Login Page? HTML Login Page Code... Student Registration Form with HTML Code? Ajax Login Example
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
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
SSL for login page
SSL for login page  I am trying to apply ssl cert to login page only. Does anyone know how to do this on a tomcat web server
login page error
login page error  How to configure in to config.xml .iam takin to one login form in that form action="/login" .when iam deployee the project... this request." please suggest me.   if your login page is prepared
JSP LOGIN Page
JSP LOGIN Page  sir....i have two user types usercategory and user and both user have userid and password in two different table and now i am making login page for which i have to retrieve usertype,userid and password from two
how to use ajax in html file
how to use ajax in html file  <!DOCTYPE html PUBLIC "-//W3C//DTD...; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <..." /> <meta http-equiv="Content-Type" content="text/html; charset
login page with image
login page with image  I am writing program for login page.It consists of a image and the login details... how to write a java program using frames that have the default positions in any of the systems.. thanks   i had
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
Login page validation on ipad
Login page validation on ipad  I am using userId & password labels and their corresponding textfield. Now I want to validate the details by single sign in button and want to switch on to next page. Used two labels again
Ajax Extensible Page
Ajax Extensible Page (AEP) The Ajax Extensible Page is the feature of Web 2.0, which transforms the Website building practices The Ajax Extensible Page... in your web page. Step2: Place the replacing text into a text file or place
Populate value into HTML page
Populate value into HTML page  Hi, How to populate values from one html page table to another html page..? Thanks
divide html page
divide html page   how to divide html page into 3 parts without using frames
Ajax Login Program
login page with mysql using jsp
login page with mysql using jsp  pls i need a sample of login page to check username and password in mysql database. thanks
login page php mysql example
login page php mysql example  How to create a login page for user in PHP Mysql? Please provide me a complete tutorial. Thanks in Advance
login for different user in the same page
login for different user in the same page  how can i do the login for different user in the same page throug jsp
.Net and SQl 2000 Login page
.Net and SQl 2000 Login page  Please help me creating a login page using dot net using data base sql 2000
login page validation
login page validation  hi could you please send me code for login validations Email validation and password email should be in correct format and valid password in java   import java.awt.*; import javax.swing.
JSP Login Page Question
JSP Login Page Question  hey..i have a login page where different users first registered and then after they can login. my question is how a user can see only his data after login where different users data are stored
AJAX Blog
of Photoshop, HTML, HTML 5, CSS, Ajax and the server side programming languages... JavaScript, CSS, HTML, Asynchronous transfer and other technologies. Ajax is a set... box on the web page To become a good Ajax programming you should know XHTML
verfication of user login and then redirecting it to user defined page
; hi, i have a login page that..calls the servlet..and i have used redirect...,the html page calls teh servlet..but..the servlet.is not redirecting to a user defined page.. after i press the submit button..in the login page, i am getting
how to create a login page and registration page?
how to create a login page and registration page?  hellow, pls tell me the code for how we can create a login page and registration page and how we can store the info in database.only in advance java as jsp
html program to create home page
html program to create home page  html program to create home page
html
html  how we can give the form actions in html after register button in the login page
problem in linking the html page using servlets
problem in linking the html page using servlets  i want to create a login page using html & servlets and as soon as i click the login button it should open my home page. and i have saved username and password in a database
ModuleNotFoundError: No module named 'all_page_login'
ModuleNotFoundError: No module named 'all_page_login'  Hi, My... named 'all_page_login' How to remove the ModuleNotFoundError: No module named 'all_page_login' error? Thanks   Hi, In your python
how to include an html page inside a tab
how to include an html page inside a tab  how to include an static html page inside a tab(in jquery)   Please visit the following links: http://www.roseindia.net/ajax/jquery/Tabs.shtml http://www.roseindia.net/ajax
coding for home page using html
coding for home page using html  coding for home page using html
Create HTML page using java
Create HTML page using java   Hi, I need to create an html page to export some information. Currently, by using java, i've exported information to excel. But now, I would like to view it in HTML instead of excel. Is there any

Ads