Question

I have a piece of javascript which is initialized on the click of a button, and takes information from a form input to perform geolocation etc based on the data.
The issue I am having is that I have to place the button outside of the form in the html, otherwise when it is clicked, no javascript is fired!
This of course means that my users cannot hit enter in the offending text box (as they lose their data!)
Is there a way I can stop this from happening and be able to include the button in the form?

The HTML is:

<form>
<input id="addyInput" placeholder="Don't forget postcode!" size="25"> 
</form>
<button id="start" onclick="initialize()">Find Me!</button>

I can also include some of the javascript if needs be! (although that works fine!) 🙂

Thanks!

Answer 1

use :

<button id="start" onclick="return initialize()">Find Me!</button>

and then make sure initialize() returns false.