Ruby 如何使用表单4中的重置按钮 9 %> Ex.570510XXX 1 %> 例如，术语2=输入2 2 %> Ex.2558=输入58 提交 发送 清楚的 删除

我想要一个按钮\标签类型=重置以清除每一页

当我在提交前重置时，这就是工作。如果我按“提交”按钮，它将不起作用

请尝试我的页面：

输入：StudentID=570510629，学期=2，学年=58 当您输入并提交时，清除按钮将不起作用

---

请帮帮我

如果提交后不希望表单中包含参数，则不应在表单字段中传递参数

由此：

 <%= form_tag do %>
  <div class="container">
      <div class="row">
          <div class="input-field col s12">
              <%= text_field_tag :sid , params[:sid], :length => 9 %>
              <h6 class="grey-text" style="font-size: 1vw">Ex.570510XXX</h6>
          <%= label_tag(:sid, "Student ID") %>
      </div>

      <div class="input-field col s6">
           <%= text_field_tag :semester, params[:semester], :length => 1 %>
           <%= label_tag(:semester, "Semester") %>
           <h6 class="grey-text" style="font-size: 1vw">Ex.Term 2 = input 2</h6>
      </div>

       <div class="input-field col s6">
            <%= text_field_tag :year, params[:year], :length => 2 %>
           <%= label_tag(:year, "Year") %>
           <h6 class="grey-text" style="font-size: 1vw">Ex.2558 = input 58</h6>
      </div>

      <br><br><br><br><br><br><br><br><br><br><br>

      <div class="col s6">
         <%= button_tag(value: 'Submit',class: "waves-effect waves-light btn right") do %>
            Submit
            <i class="material-icons right">send</i>
          <% end %>
      </div>

      <div class="col s6">
          <%= button_tag(value: 'CLEAR',type: 'reset',class: "waves-effect waves-light btn") do %>
            CLEAR
             <i class="material-icons right">delete</i>
          <% end %>
      </div>     
</div>

9%>
1 %>
2 %>

致：

9%>
1 %>
2 %>

如果提交后不希望表单中包含参数，则不应在表单字段中传递参数

由此：

 <%= form_tag do %>
  <div class="container">
      <div class="row">
          <div class="input-field col s12">
              <%= text_field_tag :sid , params[:sid], :length => 9 %>
              <h6 class="grey-text" style="font-size: 1vw">Ex.570510XXX</h6>
          <%= label_tag(:sid, "Student ID") %>
      </div>

      <div class="input-field col s6">
           <%= text_field_tag :semester, params[:semester], :length => 1 %>
           <%= label_tag(:semester, "Semester") %>
           <h6 class="grey-text" style="font-size: 1vw">Ex.Term 2 = input 2</h6>
      </div>

       <div class="input-field col s6">
            <%= text_field_tag :year, params[:year], :length => 2 %>
           <%= label_tag(:year, "Year") %>
           <h6 class="grey-text" style="font-size: 1vw">Ex.2558 = input 58</h6>
      </div>

      <br><br><br><br><br><br><br><br><br><br><br>

      <div class="col s6">
         <%= button_tag(value: 'Submit',class: "waves-effect waves-light btn right") do %>
            Submit
            <i class="material-icons right">send</i>
          <% end %>
      </div>

      <div class="col s6">
          <%= button_tag(value: 'CLEAR',type: 'reset',class: "waves-effect waves-light btn") do %>
            CLEAR
             <i class="material-icons right">delete</i>
          <% end %>
      </div>     
</div>

9%>
1 %>
2 %>

致：

9%>
1 %>
2 %>

是的，提交后表单

重置

按钮不起作用，我认为（不确定），因为它无法重置默认值（提交后，您显示带有填充值的表单）。您可以使用

js/jquery

手动更新表单数据（使输入文本数据

''

为空字符串）

并在使用jquery后调用此方法

function resetForm(){
  $('input[ name=sid]').val('');
  $('input[ name=semester]').val('');
  $('input[ name=year]').val('');

}

---

是的，您的表单

reset

按钮在提交后不起作用，我认为（不确定），因为它无法重置默认值（提交后，您显示带有填充值的表单）。您可以使用

js/jquery

手动更新表单数据（使输入文本数据

''

为空字符串）

并在使用jquery后调用此方法

function resetForm(){
  $('input[ name=sid]').val('');
  $('input[ name=semester]').val('');
  $('input[ name=year]').val('');

}

---

我正在使用谷歌浏览器，它在这里的工作很好。您是否在不同的浏览器上进行交叉检查？是否按了“提交”按钮？因此，您希望在提交表单后清除表单？提交表单后，“清除”按钮也会按预期工作，您的问题是您正在表单字段中传递参数。要验证“清除”按钮是否工作，请尝试以下操作：更改任何一个字段，然后单击“清除”。它将替换params（您首先提交的值）。提交后，我将学期的价值从2改为4。然后我点击了清除按钮。然后它恢复为2。所以重置是有效的，但是你在表单字段中传递参数，这会产生不同。我使用谷歌浏览器，在这里工作很好。您是否在不同的浏览器上进行交叉检查？是否按了“提交”按钮？因此，您希望在提交表单后清除表单？提交表单后，“清除”按钮也会按预期工作，您的问题是您正在表单字段中传递参数。要验证“清除”按钮是否工作，请尝试以下操作：更改任何一个字段，然后单击“清除”。它将替换params（您首先提交的值）。提交后，我将学期的价值从2改为4。然后我点击了清除按钮。然后它恢复为2。因此，重置正在工作，但您正在表单字段中传递参数，这会产生影响。非常感谢。这是工作。我也想重新设置桌子。我该怎么办？你所说的

reste table

是什么意思？如果您想删除数据，只需返回起始页即可。非常感谢。这是工作。我也想重新设置桌子。我该怎么办？你所说的

reste table

是什么意思？若要删除数据，只需返回起始页即可。

$('button[type=reset]').click(function(event){
 event.preventDefault();
 resetForm();
});