Html5表单提交问题

html5 form submission issue

本文关键字:问题 表单提交 Html5      更新时间:2023-09-26

我有一段javascript,在点击按钮时初始化,并从表单输入中获取信息,以根据数据执行地理定位等。
我遇到的问题是,我必须将按钮放在html表单之外,否则当它被点击时,没有javascript被触发!
这当然意味着我的用户不能在有问题的文本框中按回车键(因为他们丢失了数据!)
是否有一种方法可以阻止这种情况的发生,并能够在表单中包含按钮?

HTML是:

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

我也可以包括一些javascript如果需要的话!(虽然这很好!):)

谢谢!

use:

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

然后确保initialize()返回false