Jump to content
xisto Community
Sign in to follow this  
kvarnerexpress

Submit Button

Recommended Posts

I have a form on my page. I do not have a submit button, but when I hit enter on my text field, it is like I am clicking on a submit button. My page refreshes to the original state, and my values are reset.

I found this out because I made a submit button and tried it.

Is there a way to get around this? I am trying to use a javascript that captures the key strokes. That works, but then the submit like event still fires after my code runs, nullifying any changes my code has made.

html4strict Code:

1.      <form name="FormPictureInfo">   2.          <table cellpadding="0" cellspacing="4" border="0" align="center">   3.              <tr>   4.                  <td align="center"><input type="text" name="ProductCode" size="22" maxlength="256" value="default" onFocus="clearBox(this);" /></td>   5.                  <td align="center"><div class="infotitle">Product:</div></td>   6.                  <td align="center"><div class="infotitle">Comments:</div></td>   7.                  <!--<td align="center"><div class="infotitle">Picture Date:</div></td>-->   8.                  <td valign="top" align="center"><div class="Descriptor" id="BagSize">Bag Size</div></td>   9.              </tr>  10.              <tr>  11.                  <td><table cellpadding="2" cellspacing="6" border="0">  12.                      <tr>  13.                          <td valign="top" align="center"><input type="button" value="Display Picture" onclick="FillDataShowPic(document.FormPictureInfo.ProductCode.value);"/></td>  14.                      </tr>  15.                      <tr>  16.                          <td valign="top" align="center"><input name="ZoomButton" type="button" value="ZOOM" onclick="Zoom(document.getElementById('ProductCodeDisplay').innerHTML);"/></td>  17.                      </tr>  18.                  </table></td>  19.                  <td valign="top"><table cellpadding="0" cellspacing="2" border="0">  20.                      <tr>  21.                          <td align="center"><div class="Descriptor" id="ProductName">Product Name</div></td>  22.                      </tr>  23.                      <tr>  24.                          <td align="center"><div class="Descriptor" id="ProductCodeDisplay">Product Code Display</div></td>  25.                      </tr>  26.                      <tr>  27.                          <td valign="top" align="center"><div class="Descriptor" id="PictureDate">Picture Date</div></td>  28.                      </tr>  29.                  </table></td>  30.                  <td valign="top" align="center"><div class="DescriptorArea" id="ProductComments">Product Comments</div></td>  31.                  <td><table cellpadding="0" cellspacing="2" border="0">  32.                      <tr>  33.                          <td align="center"><div class="Descriptor" id="SetPoint">Set Point</div></td>  34.                      </tr>  35.                      <tr>  36.                          <td valign="top" align="center"><div class="Descriptor" id="Density">Density</div></td>  37.                      </tr>  38.                      <tr>  39.                          <td valign="top" align="center"><input type="button" value="Close" onclick="self.close();"/></td>  40.                      </tr>  41.                  </table></td>  42.              </tr>  43.          </table>  44.          </form>


Thanks,kvarnerexpress

Share this post


Link to post
Share on other sites

If I understand properly, u do not wish the form to submit on "Enter".
To prevent this you can have a

 <form action="" onSubmit="func()">

The onsubmit event would fire on pressing enter, which would call the javascript function "func()". In this function u can do the processing and submit if u want or else just leave it.

Cheers.

Share this post


Link to post
Share on other sites

 <form action="" onSubmit="func()">

180709[/snapback]

I think you could also put a submit button with the atribute

 

... <input type="submit" onClick="func()">...

which is suposed to do exacly the same (even if you omit the 'onSubmit' atribute on the form tag).

Share this post


Link to post
Share on other sites

all you need to do to keep the form from submitting on enter is

<form name="whatever" onSubmit="return false;">

then use javascript to tell your form what to do with some sort of listener or an onclick function on a submit button like lozbo said.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.