Forms rails 3-添加一个赢得'；不要提交表格

我试图在表单中添加一些“下一步”和“上一步”按钮。我们的想法是将填写过程分为几个步骤，通过这些按钮，当前步骤的div被隐藏，下一个步骤的div被隐藏。将显示上一步

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

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

继续
取消

。。。他们提交表格。 表单标签中的每个按钮都被认为是提交按钮吗？ 如果是，我如何改变这种行为？

---

如果没有，他们为什么要这样做？

我不确定你是否想要一个按钮，也许你希望它看起来像一个按钮。无论哪种方式，请参阅本帖：

一旦有了按钮，就需要更新javascript，以防止单击时发生任何事情（假设您有jquery）。为那些没有js的恐龙提供一个真正的后备方案仍然很好，因此假设您的“继续”按钮为没有js的用户提交，对于那些有js的用户，您可以执行以下操作：

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

---

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

我不确定您是否想要一个按钮，也许您希望它看起来像一个按钮。无论哪种方式，请参阅本帖：

一旦有了按钮，就需要更新javascript，以防止单击时发生任何事情（假设您有jquery）。为那些没有js的恐龙提供一个真正的后备方案仍然很好，因此假设您的“继续”按钮为没有js的用户提交，对于那些有js的用户，您可以执行以下操作：

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

---

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

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

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

继续
取消

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

---

默认类型取决于浏览器，因此您应该始终指定类型。

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

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

继续
取消

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

---

默认类型取决于浏览器，因此您应该始终指定类型。

谢谢您的回答。我找到了一个解决办法，很简单。我无法添加它，直到知道，因为我有有限的声誉点。我现在要加上它。感谢您对id和类的建议。id和类交换的想法是，所有的继续按钮在onClick上都具有相同的功能，为了找出哪些按钮被单击（或者更准确地说是在哪个步骤中），我使用$（this.attr（'id'）访问id。同一阶级的人都有同样的行为。我总是认为ID在某种程度上是班级的“孩子”。class.id。你知道我的意思吗？这是不正确的，ID应该是唯一的，类可以共享。重复ID是无效的html和xhtml。您可以轻松地将类名与jquery-

$（'.className'）一起使用。单击（）

谢谢您的回答。我找到了一个解决办法，很简单。我无法添加它，直到知道，因为我有有限的声誉点。我现在要加上它。感谢您对id和类的建议。id和类交换的想法是，所有的继续按钮在onClick上都具有相同的功能，为了找出哪些按钮被单击（或者更准确地说是在哪个步骤中），我使用$（this.attr（'id'）访问id。同一阶级的人都有同样的行为。我总是认为ID在某种程度上是班级的“孩子”。class.id。你知道我的意思吗？这是不正确的，ID应该是唯一的，类可以共享。重复ID是无效的html和xhtml。您可以轻松地将类名与jquery-

$（'.className'）一起使用。单击（）