Forum:

HTML Pages with CSS and JavaScript

Problem Resetting Fields

Adam Zedan

Ranch Hand

Posts: 124

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi , i wanted to reset the fields (2 textboxes) on my jsp page. I thought that using the reset HTML button would do the trick but that doesn't work
I am currently using the following code inside my form

When i click on this button the form does clear the textboxes and then goes to the dopost method.
I thought that the HTML reset field doesn't do a post or get and simply resets all fields which are within the form it is present in..
Any suggestion on what could be going wrong.How can i just reset the fields without getting it to do a form post action

Don’t look where you fall, but where you slipped

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

A reset button shouldn't submit the form. Please include a SSCCE that demonstrates the issue.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Adam Zedan

Ranch Hand

Posts: 124

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Bear Bibeault wrote:A reset button shouldn't submit the form. Please include a SSCCE that demonstrates the issue.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page import="org.apache.jasper.tagplugins.jstl.core.Out"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<p> </p>
<form id="form1" name="form1" method="post" action="Valid.do">
  <table  border="1">
     <tr>
       <td >User Name </td>
       <td ><label>
                  <input type="text" name="name" value=${cookie.name.value} />
       </label></td>
     </tr>
     <tr>
       <td>Passwords</td>
          <td>   <input type="text" name="pass" value=${cookie.pass.value} /> </td>
     </tr>
     <tr>
       <td> </td>
       <td><label>
         <input type="submit" name="Submit" value="Submit" />
         [b]<input type="reset" value="Clear All"/>[/b]
       </label></td>
     </tr>
   </table>
</form>
<p>
  <label></label>
</p>
</body>

</html>

The bold part is the reset button and when clicked it does clear the text fields and then posts the form!!

Don’t look where you fall, but where you slipped

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Please don't try to bold code -- as you can see it doesn't work and just makes the code harder to cut and paste.

Why do you have the buttons inside a label? That's not valid HTML and for some reason, that causes some browsers to act incorrectly.

Also, never name anything "Submit" or "submit". That's just asking for trouble.

[Asking smart questions] [About Bear] [Books by Bear]

Adam Zedan

Ranch Hand

Posts: 124

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Yeah removing the reset button from the label solved the problem. Thanks for pointing that out. This just shows that you cant really rely on dream weaver all the time. My bad though I should have caught that mistake.. Thanks for pointing that out.

Don’t look where you fall, but where you slipped

Bear Bibeault

Sheriff

Posts: 67754

173

I like...

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

In my opinion, letting a tool like Dreamweaver generate code for you is a bad mistake. Hand code always.

[Asking smart questions] [About Bear] [Books by Bear]

Don't get me started about those stupid light bulbs.