jsp login page with normal button, not submitt button

[alsoumahi alBatal]

Hi experts , I need to do same as login form of this website , if we can see that wrong entries of username and password shows me alert that I have entered wrong username or password
I have used normal button with ajax , and it is working with me fine , but what I need is to make the normal button activated , so no need the user to click by mouse on the button ,only just hit enter

this is my login form

<form  method="post" style="width: 191px; height: 159px" >
				<div>
					<table style="width: 100%">
						<tr>
							<td style="height: 26px"><strong><label id="Label1">
							Username</label></strong></td>
							<td style="height: 26px">
							<input name="userName" id="user" type="text" style="width: 125px" /></td>
							<td style="height: 26px" class="style3">*</td>
						</tr>
						<tr>
							<td><strong>Password </strong></td>
							<td>
							<input name="userPassword" id="pass" type="password" style="width: 125px" /></td>
							<td class="style3">*</td>
						</tr>
						<tr>
							<td>
							<input name="Button1" type="button"    value="Submit" onclick="sendRequest()" /></td>
							<td> </td>
							<td> </td>
						</tr>
					</table>
					<input name="Hidden2" type="hidden" /><br />
					<span class="style3" id="login">
					 </span><br />
				</div>
			</form>

and this is my ajax

<script type="text/javascript">


function createRequestObject(){
var req; try {
// Firefox, Opera, Safari
req = new XMLHttpRequest();
} catch (e) {
// Internet Explorer
try {
//For IE 6
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
//For IE 5
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
alert('Your browser is not IE 5 or higher, or Firefox or Safari or Opera');
            }
      }
}
return req;
}
//Make the XMLHttpRequest Object
var http = createRequestObject();
function sendRequest(){


var form = document.forms[0];
var txt1 =  form.elements["userName"].value;
var txt2 = form.elements["userPassword"].value;
alert(txt1 +"  "+txt2);
var url = '/loginServlet?user'=txt1 +"&pass="+txt2 ;
http.open('POST',url,true);
http.onreadystatechange = handleResponse;
http.send(null);

}
function handleResponse(){

alert(http.readyState+"  " +http.status);

if(http.readyState == 4 && http.status == 200){
 
var response = http.responseText;


if(response){
updatepage(response)

}
}
}


function updatepage(str){


var value = new String(str);

alert(str);
if(str != 0)
{

parent.location.href = str; 

}
else
{
var a = document.getElementById("login");


a.style.display="";

a.innerHTML="Please Check your Username or Password ";
}



}

function displayForm(){


var a = document.getElementById("login");
a.style.display="none";
}


</script>

is it possible to make normal button as to be pressed like submit button !!!


thanks

[Bear Bibeault]

Make it a submit button. There's no reason not to. You can handle the submit event.

[Bear Bibeault]

This would all also be much much easier with a library like jQuery. Doing your Ajax "by hand" is not something that seasoned developers do. There are too many pitfalls and nuances.

[alsoumahi alBatal]

Bear Bibeault wrote:Make it a submit button. There's no reason not to. You can handle the submit event.

but how about if I want to mention the alert for wrong entry " you have entered wrong username or password " , under the login form

[Bear Bibeault]

What about it? Your submit handle can perform any validation that it needs to do.

As this is not about JSP, it's been moved to the HTML/JavaScript forum.