As I work on my webpage, I am having an issue with a button. This button should notify the user if their username and password are correct, and then redirect them to another page. However, while the notification works fine, the redirection does not happen as intended.
Below is the code snippet for the webpage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Siur</title>
<script type="text/javascript">
///////////////////////////Login System///////////////////////////
function getCookie(){
var whole, username, password, splitting, actual,user, pass;
whole = document.cookie;
whole = whole.split(';');
username = whole[0];
password = whole[1];
actual = password.split('=');
user = actual[0];
pass = actual[1];
alert(user + password);
}
function setCookie(c_name,value,exdays){
var c_value=value + ";
pass="+document.getElementById('passwordText').value;
document.cookie="=" + value + ";
pass="+document.getElementById('passwordText').value;
alert(document.cookie);
getCookie();
}
function url(url){
document.open(url);
}
function checkCookie(){
var whole, username, password, splitting, actual,user, pass;
whole = document.cookie;
whole = whole.split(';');
username = whole[0];
password = whole[1];
actual = password.split('=');
user = actual[0];
pass = actual[1];
if (document.getElementById('usernameText').value !=null &&
document.getElementById('usernameText').value!="" &&
document.getElementById('passwordText').value == pass) {
alert("Welcome again " + user);
document.open('search_webpage.html');
}
else{
alert('Incorrect username or password.');
}
}
//////////////////////////////End of Login system////////////////////////////////////
</script>
</head>
<body>
<table width=100% height=30 background="nav.png" border="0">
<tr>
<td >
<form id="form1" name="form1" method="post" action="">
<label for="searchBox"></label>
IN-DEV 0.1
</form>
</td>
</tr>
</table>
<img src="logo.png" width="206" height="147" />
<p>-Where everything is at your fingertip tips-</p>
<p>
<label for="usernameText"><label>Username: </label></label>
<input type="text" name="usernameText" id="usernameText" />
</p>
<p>
<label for="passwordText"><label>Password: </label></label>
<input type="password" name="passwordText" id="passwordText" />
</p>
</center>
<center>
<input type="submit" name="create" id="create" onclick="checkCookie()" value="Login" />
<input type="submit" name="check" id="check" onclick="setCookie(
document.getElementById('usernameText').value,
document.getElementById('passwordText').value,365);" value="Register" />
</p>
<p><a href="http://blacklist.eff.org/">Fight SOPA now!</a></p>
<p><!--[if lt IE 7]>
<div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;'> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a></div> <![endif]--><footer><font color="#CCCCCC">Copyright 2012, All Rights Reserved.</font></footer></p>
</center>
</body>
</html>