1

我正在尝试在表单中添加一些“下一步”和“后退”按钮。想法是将填写过程分成几个步骤，使用这些按钮，当前步骤的 div 被隐藏，下一个相应的。显示上一步。

我的问题是，当我以下列方式添加按钮时......

<button class="proceed_button" id="loan_information">Proceed</button>
<button class="cancel_button" id="loan_information">Cancel</button>

...他们提交表格。表单标签内的每个按钮都被认为是提交按钮吗？如果是这样，我该如何改变这种行为？如果不是，那他们为什么要这样做？

4

2 回答 2

1

我不确定您是否想要一个按钮，也许您希望它看起来像一个按钮。无论哪种方式，请参阅这篇文章：rails 3：将链接显示为按钮？

一旦你有了你的按钮，你需要更新你的 javascript 以防止在点击它时发生任何事情（假设你有 jquery）。为那些没有 js 的恐龙提供一个真正的后备仍然很好，所以假设你的继续按钮为没有 js 的用户提交，对于那些有 js 的用户，你会做类似的事情：

$('#proceed_button').click(function(e) { e.preventDefault(); // Show and hide your divs here });

另请注意，在您发布的代码中，您不应该有两个具有相同 id 的按钮，您的 id 和类看起来交换了。

于 2012-10-24T18:51:35.150 回答
0

好的，解决方案是按钮需要一个类型。

<button type="button" class="proceed_button" id="loan_information">Proceed</button>
<button type="button" class="cancel_button" id="loan_information">Cancel</button>

像这样，它不会再提交表单了。

根据http://w3schools.com/html5/att_button_type.asp默认类型取决于浏览器，因此您应该始终指定类型。

于 2012-10-24T20:15:51.623 回答