html5表单提交问题答案

【问题标题】：html5 form submission issuehtml5表单提交问题
【发布时间】：2011-04-29 16:49:29
【问题描述】：

我有一段 javascript，它在单击按钮时被初始化，并从表单输入中获取信息以根据数据执行地理定位等。
我遇到的问题是我必须将按钮放在 html 中的表单之外，否则单击它时，不会触发任何 javascript！
这当然意味着我的用户不能在有问题的文本框中按 Enter（因为他们会丢失数据！）
有没有办法阻止这种情况发生并能够在表单中包含按钮？

HTML 是：

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

如果需要，我还可以包含一些 javascript！（虽然效果很好！）:)

谢谢！

【问题讨论】：

请包含javascript。需要。
为什么按钮需要在表单之外？为什么 JavaScript 不会触发？你是怎么检测出来的？为什么用户按 Enter 会丢失数据？你的描述非常模糊。

标签： javascript forms html button

【解决方案1】：

使用：

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

然后确保 initialize() 返回 false。

【讨论】：

谢谢你工作得很好！仅供参考（我对javascript编程还是很陌生）为什么按钮调用的函数在表单中需要返回？
你说的是点击，不要采取任何行动。这就是 return false 的意思。提交表单是正常的操作。