[RESOLVED] problem with two forms on same page

PHPstudy

The code with the problem is below. Notice there are 2 forms each contained in the same table. Each form onSubmit each call two different functions to check for blank fields. The problem that is occurring when you click the second submit button the second onSubmit function is executed but then followed by the first onSubmit function. I think its something with the html tags but I have worked on it and don't see the issue. Thanks for any ideas.

<html>
<head>
<title>Site tools: </title>
<LINK href="general.css" rel="stylesheet" type="text/css">
</head>
<body>
	<form name="adder" action="SiteAdmin.php" method=Post onSubmit="return newblanks()">
	<a href=SiteAdmin.php>Home</a>
	<a href=Logout.php>Logout</a>
	<br/><br/>
	<div align="center">
	<table border="border">
	<caption><h3>Site Tools</h3></caption>
	<th>Add New User</th>
	<tr align=right><td>Email: <input type="text" name="newemail" size="30" maxlength=20></td></tr>
	<tr align=right><td>Password: <input type="text" name="newpw" size="30" maxlength="30"></td></tr>
	<tr align=right><td>User ID: <input type="text" name="newid" size="5" maxlength="30"> Access Level: <input type="text" name="newaccess" size="5" maxlength="1"></td></tr>
	<tr align=right><td>Last Name: <input type="text" name="newln" size="30" maxlength="30"></td></tr>
	<tr align=right><td>First Name: <input type="text" name="newfn" size="30" maxlength="30"></td></tr>
	<tr align=center><td><input type="submit" value="Submit User"></td></tr>
	<br/><br/>
	</form>

<form name="act" action="SiteAdmin.php" method=Post onSubmit="return oldblanks()">
<th>Activate/Deactivate User</th>
<tr align=right><td>User ID: <input type="text" name="oldid" size="16" maxlength="30"> Status: <input type="text" name="status" size="1" maxlength="1"></td></tr>
<tr align=center><td><input type="submit" value="Update User"></td></tr>
</form>
</body>
</html>

dougal85

I don't think its the likely to be the cause of your problem. However, your missing a large number of quotes.

method=Post should be method="Post"
href=SiteAdmin.php should be href="SiteAdmin.php"
align=right should be align="right"

try that and let me know if it changes anything.

It's good practice to use the html validator to check your code http://validator.w3.org/

PHPstudy

i fixed all of those things and the same issue

dougal85

Can you paste the updated code?

I'm not convinced the problem isn't in the JS or somewhere else.

PHPstudy

interesting... here is the updated html code, it now works but i had to close the </table> AND </div> right before closing the first </form> for the onSubmit's to work independently. is there away to contain both forms in the same table and still have them work independently? Thanks for the feedback so far, its appreciated. =)

<html>
<head>
<title>Site tools: </title>
<LINK href="general.css" rel="stylesheet" type="text/css">
</head>
<body>
	<form name="adder" action="SiteAdmin.php" method="Post" onSubmit="return newblanks()">
	<a href= "SiteAdmin.php">Home</a>
	<a href="Logout.php">Logout</a>
	<br/><br/>
	<div align="center">
	<table border="border">
	<caption><h3>Site Tools</h3></caption>
	<tr><th>Add New User</th></tr>
	<tr align="right"><td>Email: <input type="text" name="newemail" size="30" maxlength=20></td></tr>
	<tr align="right"><td>Password: <input type="text" name="newpw" size="30" maxlength="30"></td></tr>
	<tr align="right"><td>User ID: <input type="text" name="newid" size="5" maxlength="30"> Access Level: <input type="text" name="newaccess" size="5" maxlength="1"></td></tr>
	<tr align="right"><td>Last Name: <input type="text" name="newln" size="30" maxlength="30"></td></tr>
	<tr align="right"><td>First Name: <input type="text" name="newfn" size="30" maxlength="30"></td></tr>
	<tr align="center"><td><input type="submit" value="Submit User"></td></tr>
	</table>
	</div>
	</form>

<form name="act" action="SiteAdmin.php" method="Post" onSubmit="return oldblanks()">
<tr><th>Activate/Deactivate User</th></tr>
<tr align="right"><td>User ID: <input type="text" name="oldid" size="16" maxlength="30"> Status: <input type="text" name="status" size="1" maxlength="1"></td></tr>
<tr align="center"><td><input type="submit" value="Update User"></td></tr>
</form>
</body>
</html>

dougal85

sigh your code still doesn't validate. Fix your code with the validator like i suggested.

Go to http://validator.w3.org
Click direct input
paste in HTML
click validate
see errors - fix errors

PHPstudy

the reason the w3 site was giving errors was b/c i dont have a doctype heading and also b/c one tag was overlapping, so cascading errors were occuring. i thought i would post the solution for those needing help. thank you dougal for the help, sorry if i frustrated you, but the help is greatly appreciated.

<body>
<a href= "SiteAdmin.php">Home</a>
<a href="Logout.php">Logout</a>
<br/><br/>
<div align="center">
<table border="border">
<form name="adder" action="SiteAdmin.php" method="Post" onSubmit="return newblanks()">
<caption><h3>Site Tools</h3></caption>
<tr><th>Add New User</th></tr>
<tr align="right"><td>Email: <input type="text" name="newemail" size="30" maxlength=20></td></tr>
<tr align="right"><td>Password: <input type="text" name="newpw" size="30" maxlength="30"></td></tr>
<tr align="right"><td>User ID: <input type="text" name="newid" size="5" maxlength="30"> Access Level: <input type="text" name="newaccess" size="5" maxlength="1"></td></tr>
<tr align="right"><td>Last Name: <input type="text" name="newln" size="30" maxlength="30"></td></tr>
<tr align="right"><td>First Name: <input type="text" name="newfn" size="30" maxlength="30"></td></tr>
<tr align="center"><td><input type="submit" value="Submit User"></td></tr>
</form>

<form name="act" action="SiteAdmin.php" method="Post" onSubmit="return oldblanks()">
<tr><th>Activate/Deactivate User</th></tr>
<tr align="right"><td>User ID: <input type="text" name="oldid" size="16" maxlength="30"> Status: <input type="text" name="status" size="1" maxlength="1"></td></tr>
<tr align="center"><td><input type="submit" value="Update User"></td></tr>
</form>
</table>
</div>

</body>

dougal85

No problem, now you know for next time 🙂