Solved

HTML Form is submitting despite return false in onclick while using Internet Explorer

Posted on 2008-09-30
5
523 Views
Last Modified: 2012-05-05
Below is a code that works perfectly in firefox but not in internet explorer. In internet explorer, if you press enter without hitting the button, it submits the form instead of calling the ajax. The problem is that for some reason internet explorer doesn't recognize return false I think.

Again, this works 100% in firefox whether you click the button, or press enter.But in IE only clicking the button makes the form function correctly.

Live URL: http://www.urgentpropertysale.com/form/ups/property_form_1.php?source_2=UPS%20OnlineForm

You can test using this form if you wish.
<form id="form" name="property_form" method="post" action="property_form_save.php">

  <div id="property_div">

  <table width="100%" cellspacing="0" cellpadding="3">

    <tr>

      <td><strong>Enter your Postcode to get started now and receive your FREE Valuation &amp; FREE Books: </strong></td>

    </tr>

    <tr>

      <td><p>

        <input type="text" name="post_code" value="<?=$_REQUEST[post_code]?>"/> 

          <input type="submit" name="Submit2" value="Search Postcode" onclick="

		var postvars = gather('property_form');

		callAJAX('property_form_address_retrieve.php','property_div',postvars); 

		return false;"/>

          </p>

        </td>

    </tr>

  </table>  </div>

  </form>

Open in new window

0
Comment
Question by:MeridianManagement
  • 2
  • 2
5 Comments
 
LVL 82

Expert Comment

by:hielo
Comment Utility
try:
<form id="form" name="property_form" method="post" action="property_form_save.php"  onsubmit="var postvars = gather('property_form');callAJAX('property_form_address_retrieve.php','property_div',postvars); return false;">
  <div id="property_div">
  <table width="100%" cellspacing="0" cellpadding="3">
    <tr>
      <td><strong>Enter your Postcode to get started now and receive your FREE Valuation & FREE Books: </strong></td>
    </tr>
    <tr>
      <td><p>
        <input type="text" name="post_code" value="<?=$_REQUEST[post_code]?>"/> 
          <input type="submit" name="Submit2" value="Search Postcode" />
          </p>
        </td>
    </tr>
  </table>  </div>
  </form>

Open in new window

0
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 500 total points
Comment Utility
Here is the general way to stop ENTER from submitting a form --

document.onkeypress = keyPress;
var count = 1;
function keyPress() {
if (window.event.keyCode == 13)
{
    event.returnValue=false;
    event.cancel = true;
}
}

also see this link for onKeyDown --

http://www.thefutureoftheweb.com/blog/submit-a-form-in-ie-with-enter
0
 
LVL 2

Author Comment

by:MeridianManagement
Comment Utility
That will work for the first leg, but then it never actually submits to property_form_save.php, am I right?
0
 
LVL 2

Author Comment

by:MeridianManagement
Comment Utility
scrathcyboy, didn't see your solution I was speaking to hielo, I'll try it.
0
 
LVL 82

Expert Comment

by:hielo
Comment Utility
>>That will work for the first leg,
???
It doesn't allow you submit the form via enter or clicking the submit button. IF you wanted to submit the form you would need to do:
document.property_form.submit();
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Introduction Got endorsements from your clients?  Great!  There is almost nothing better than word-of-mouth advertising.  But how can you do that on the internet?  Sure you can make a page for endorsement quotations and list them all, but who is …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now