Two JS questions in one: giving focus, and clearing form (read inside)

ungvichian · May 25, 2005

Okay, how do I write a page with a form so that when I click Submit,
the following happens?

1. The data is submitted (of course)
2. The form is cleared (what I've tried results in the form being
cleared first, resulting in an empty submission), and
3. The cursor goes back to the start of the form, ready for more input
(kind of like how Google puts the cursor in the search box at the
start).

I can't seem to find the answer, and I've been looking on the net for a
few hours already.

McKirahan · May 25, 2005

ungvichian said:
Okay, how do I write a page with a form so that when I click Submit,
the following happens?

1. The data is submitted (of course)
2. The form is cleared (what I've tried results in the form being
cleared first, resulting in an empty submission), and
3. The cursor goes back to the start of the form, ready for more input
(kind of like how Google puts the cursor in the search box at the
start).

I can't seem to find the answer, and I've been looking on the net for a
few hours already.

Say your page is like this:

<html>
<head>
<title>page1.htm</title>
</head>
<body onload="document.form1.first.focus()">
<form action="page2.htm" method="get" name="form1">
<input type="text" name="first">
<input type="text" name="second">
<input type="text" name="third">
<input type="submit" value="Submit">
</form>
</body>
</html>

When "page2.htm" is done processing the form just have it call "page1.htm".

ungvichian · May 26, 2005

McKirahan said:
Say your page is like this:

<html>
<head>
<title>page1.htm</title>
</head>
<body onload="document.form1.first.focus()">
<form action="page2.htm" method="get" name="form1">
<input type="text" name="first">
<input type="text" name="second">
<input type="text" name="third">
<input type="submit" value="Submit">
</form>
</body>
</html>

When "page2.htm" is done processing the form just have it call "page1.htm".

I've adapted your solution, but I made it so that the submit button
simply reloads the form upon submission (and I found that at another
page). Source:

<body onload="document.input.id.focus()">
<form name = "input" method = "post" action = "<?php echo
$_SERVER['PHP_SELF'];?>" target=content>
ID: <input type="Text" name="id" size=7 maxlength=7> <input
type="Submit" name="submit" value="Submit"
OnClick="window.location.replace(
unescape(window.location.pathname));"></form></body>

Thank you!

Using JS to verify registration info?	1	Mar 19, 2020
Where is my focus?	3	Aug 3, 2009
Survey details won't go through using php, ajax, Mysql	0	Oct 26, 2023
questions about form action= and onsubmit() handling	18	Dec 31, 2008
JS Alert Causing Loss Of Window Focus???	2	Nov 5, 2004
Moving focus on submission of form	1	Aug 17, 2003
math calculations, form population and submission	1	Dec 11, 2007
internet explorer cannot read post data from form	0	Oct 18, 2007

Two JS questions in one: giving focus, and clearing form (read inside)

ungvichian

McKirahan

ungvichian

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads