Form Login Help!

chugger93

Ok I have something that works now. I just need help with an error checking msg

When the form button is clicked, as of now it does nothing. However, when clicked, I want it to say "bad username/password" if the user enters in the wrong combination.

Any help?

<html>
<head>
<title>Welcome To The Brose Control Panel</title>

<style type="text/css">

a:link {
color: #C41F3A;
text-decoration: none;
}
a:visited {
color: #C41F3A;
text-decoration: none;
}
a:hover {
color: #C41F3A;
text-decoration: underline;
}
.thankyou {
font-family: Verdana, Arial;
font-size: 13px;
color: #C41F3A;
text-align: right;
}
#hideme {
font-family: Verdana, Arial;
font-size: 13px;
}

.form {
font-family: Verdana, Arial;
font-size: 11px;
}
.formbutton {
background-color: #C41F3A;
color: #FFFFFF;
}

</style>
<script language="javascript">
<!-- Hide from older browsers

// function to hide refi and purchase on page load

function hideAll() {
 purchDiv.style.display='none';
 refiDiv.style.display='none';
}

// function to hide refi

function showPurchase() {
 purchDiv.style.display='block';
 refiDiv.style.display='none';
 purchDiv.style.visibility='visible';
}

// function to hide purchase

function showRefi() {
 refiDiv.style.display='block';
 purchDiv.style.display='none';
 refiDiv.style.visibility='visible';

}
// -->
</script>


</head>

<body onload="hideAll()">

<center><img src="http://dets2005/bna-intranet/images/logo.gif"></center><br /><br />

<div id="hideme" align="center">
 <input type="radio" name="choice" class="radio" value="1" onClick="showPurchase();"> Bin Count Login
 <input type="radio" name="choice" class="radio" value="2" onClick="showRefi();"> Web Ticker Login 
</div>


<?php

// Define your username and password
$username = "admin";
$password = "bin2004";

if ($_POST['binUsername'] != $username || $_POST['binPassword'] != $password) {

?>


 <div id="purchDiv" style="visibility:hidden;">

<br /><br />
<form name="bin" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<div align="center">
<center>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td class="form">Username
</td>
<td><input type="text" title="Enter your Username" name="binUsername" size="13"/></td>
</tr>
<tr>
<td class="form">Password
</td>
<td><input type="password" title="Enter your password" name="binPassword" size="13" /></td>
</tr>
</table>
</center>
</div>
<p align="center"><input type="submit" name="Submit" value="Login" class="formbutton" /></p>
</form>
</div>


<?php

}
else {

?>
 <div id="purchDiv" style="visibility:hidden;"></div>
 <script language="javascript">hideme.style.visibility='hidden';</script>
<script language="JavaScript">
<!--
setTimeout("top.location.href = 'http://dets2008/bincount/click_test.php?action=admin'",5000);
//--></script>
<center><font class="thankyou">Please hold on a second while we redirect you...<br>
If this page does not refresh in <b>3</b> seconds, <a href="http://dets2008/bincount/click_test.php?action=admin">click here</a>.</font></center>


<?php
}
?> 








<?php

// Define your username and password
$username = "demo";
$password = "demo";

if ($_POST['tickerUsername'] != $username || $_POST['tickerPassword'] != $password) {

?>

 <div id="refiDiv" style="visibility:hidden;">
<br /><br />

<form name="ticker" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<div align="center">
<center>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td class="form">Username
</td>
<td><input type="text" title="Enter your Username" name="tickerUsername" size="13"/></td>
</tr>
<tr>
<td class="form">Password
</td>
<td><input type="password" title="Enter your password" name="tickerPassword" size="13"/></td>
</tr>
</table>
</center>
</div>
<p align="center"><input type="submit" name="Submit" value="Login" class="formbutton"/></p>
</form>
</div>


<?php

}
else {

?>

<div id="refiDiv" style="visibility:hidden;"></div>
<script language="javascript">hideme.style.visibility='hidden';</script>
<script language="JavaScript">
<!--
setTimeout("top.location.href = 'admin.php'",5000);
//--></script>
<center><font class="thankyou">Please hold on a second while we redirect you...<br>
If this page does not refresh in <b>3</b> seconds, <a href="admin.php">click here</a>.</font></center>


<?php
}
?> 

</body>
</html>

Ceril

Well, I would do along the lines of:

<?PHP
$login="admin";
$pass="test";
$err_msg="";
if($POST["Submit"]=="Login" && $POST["name"]==$login && $POST["pw"]==$pass)
{
//print redirect page here
}
elseif($POST["Submit"]=="Login") //But obiously the above was errorish
{
sleep(2); //Just to let them wait a little >_<
$err_msg="<font color=\"#FF0000\">Wrong Login or Password, Try Again.</font><br />";
}
?>
<html>
<head>
<title>My Page</title>
</head>
<body>
<?PHP
print $err_msg;
?>
<form>
Name: <input type="text" name="name" ><br />
Password <input type="password" name="pw"><br />
<input type="submit" name="Submit" value="Login">
</form>

</body>
</html>

This as to not have a several what if if else if structure printing page, can get hell to debug >_<

chugger93

Uggg that looks complicated, lol. It seems there would be a way in my existing code to just put a simple error msg in :bemused:

PallaviDalvi

u wanted change in ur code... here goes

<body onload="hideAll()"> 

<center><img src="http://dets2005/bna-intranet/images/logo.gif"></center><br /><br /> 

<div id="hideme" align="center"> 
<input type="radio" name="choice" class="radio" value="1" onClick="showPurchase();"> Bin Count Login 
<input type="radio" name="choice" class="radio" value="2" onClick="showRefi();"> Web Ticker Login 
</div> 

<div id="purchDiv" style="visibility:hidden;"> 

<br /><br /> 
<form name="bin" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> 
<div align="center"> 
<center> 
<table border="0" cellpadding="3" cellspacing="0"> 
<tr> 
<td class="form">Username 
</td> 
<td><input type="text" title="Enter your Username" name="binUsername" size="13"/></td> 
</tr> 
<tr> 
<td class="form">Password 
</td> 
<td><input type="password" title="Enter your password" name="binPassword" size="13" /></td> 
</tr> 
</table> 
</center> 
</div> 
<p align="center"><input type="submit" name="Submit" value="Login" class="formbutton" /></p> 
</form> 
</div> 
<?php 

// Define your username and password 
$username = "admin"; 
$password = "bin2004"; 

if (sizeof($_POST))
{
	if ($_POST['binUsername'] != $username || $_POST['binPassword'] != $password)
	{
		echo"<div style=display:hidden id=err_div>there was an error</div>";
	}
	else
	{

	?> 
	 <div id="redirectDiv" style="visibility:hidden;"></div> 
	 <script language="javascript">hideme.style.visibility='hidden';</script> 
	<script language="JavaScript"> 
	<!-- 
	setTimeout("top.location.href = 'http://dets2008/bincount/click_test.php?action=admin'",5000); 
	//--></script> 
	<center><font class="thankyou">Please hold on a second while we redirect you...<br> 
	If this page does not refresh in <b>3</b> seconds, <a href="http://dets2008/bincount/click_test.php?action=admin">click here</a>.</font></center> 


	<?php 

}
}
?>

this is however only the first part (Bin Count Login) ... do the similar change for the second part.
moreover...i wud suggest u dont do the onload for body! on my system the img took a while to load and in the meantime i clicked on the radio button ...the login page appeared and suddenly disappeared...(because ur onload was called!!!) so either u see to it that everything is loaded at same time or dont call the function(anyways u are hidding everything.)

also note the change in name of the div for redirecting the page...

personally i prefer Ceril's method of coding.

chugger93

How can the image take a while to load? It wont load for you because that domain name is non-existent. The website Im doing is an INHOUSE website, meaning u cant get to it.

PallaviDalvi

it certainly doesnt load ...but there is an attempt to do so! and thats exactly when the whole appearing and disappearing happens! the idea of telling u this wasnt to tell that the image loads/or doesnt...but to tell u the effect onload has in the whole thing! but instead if u wish to concentrate on why or how i get the image...ur wish my friend!