Reseting the page which has 2 forms

michaelfg81 · #1 (**permalink**) 12-27-04, 19:22

Hi there,

I have a problem here which i cant seem to think how to overcome.
I need to reset the page which contains a few textboxes in one form and a few other textboxes in another form.
My reset button is in the form below.
So if i click the reset button, only the bottom form textboxes and radio combo boxes will be reset and not in the other form.
How to reset all the textboxes and the one whole page which contain 2 forms?
thanx

RhythmAddict · #2 (**permalink**) 01-04-05, 10:26

Example:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function Reset()
{
 document.FormName.TextBox1.value = '';
 document.OtherFormName.TextBox2.value ='';
}
</script>		
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form name="FormName">
<input type="text" name="TextBox1">
</form>

<form name="OtherFormName">
<input type="text" name="TextBox2">
<input type="button" onClick="Reset();" value="Reset">
</form>


</body>
</html>

Write a simple javascript function that fire onClickof your button and clears all the textboxes you want.

Seppuku · #3 (**permalink**) 01-04-05, 14:40

There is a JavaScript "reset()" function on the form that you can call from the function instead of having to hit every field manually...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function Reset()
{
 document.FormName.reset();
 document.OtherFormName.reset();
}
</script>		
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form name="FormName">
<input type="text" name="TextBox1">
</form>

<form name="OtherFormName">
<input type="text" name="TextBox2">
<input type="button" onClick="Reset();" value="Reset">
</form>


</body>
</html>

RhythmAddict · #4 (**permalink**) 01-04-05, 17:55

nice, i was unaware of that :-)

Seppuku · #5 (**permalink**) 01-04-05, 18:08

ya learn something new every day...

jaywhy13 · #6 (**permalink**) 01-04-05, 21:26

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function Reset()
{
for (var loop=0; loop<document.forms.length; loop++)
{
document.form[loop].reset();
}
}
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form name="FormName">
<input type="text" name="TextBox1">
</form>

<form name="OtherFormName">
<input type="text" name="TextBox2">
<input type="button" onClick="Reset();" value="Reset">
</form>

</body>
</html>

RhythmAddict · #7 (**permalink**) 01-04-05, 22:34

michaelfg81, I should hope one of the many solutions we've provided have worked for you?

Internet Services

Web Development

Digital Marketing

Consumer Tech