如何在Rails表单的第三个文本字段中添加两个文本字段值？

venkat 发表于 Dev

文卡特

我有一个要求，我们必须添加两个文本字段并将值插入存储为字符串的第三个字段。在下面的表格中，我想将数量和price_per_unit相乘，并将值存储在total_amount字段中，该字段应为只读。请帮我。

这是我的表格：

<%=form_for([:invoice_detail,@multiple_good], html: {class: 'form-horizontal', role: 'form' }) do |f| %>

    <div class="field">
      <%= f.label :description_of_goods, :class => 'control-label' %>
      <div class="controls">
        <%= f.text_field :description_of_goods, :class => 'text_field', :required => true,:maxlength => 20, :placeholder => '20 Alpha numeric characters'  %>
      </div>
    </div>

    <div class="field">
      <%= f.label :quatity, :class => 'control-label' %>
      <div class="controls">
        <%= f.text_field :quatity, :class => 'text_field', :required => true,:maxlength => 20, :placeholder => 'Enter quatity'  %>
      </div>
    </div>

    <div class="field">
      <%= f.label :price_per_unit, :class => 'control-label' %>
      <div class="controls">
        <%= f.text_field :price_per_unit, :class => 'text_field', :placeholder => 'Enter price Per unit'  %>
      </div>
    </div>

    <div class="field">
      <%= f.label :total_amount, :class => 'control-label' %>
      <div class="controls">
        <%= f.text_field :total_amount, :class => 'text_field', :placeholder => 'Enter Total Amount '  %>
      </div>
    </div>

    <div class="form-actions2"style="text-align:center">
      <%= f.submit  :class => 'btn btn-primary' %>
    </div>
    </div>

<% end %>

阿根廷47

可以有多种方法来执行此操作。

假设total_amount数据库中只有一列，您可以在模型中有attr_accessor，然后before_save可以设置total_amount。

如果您希望它像实时事物一样，则需要JS，这很容易。你可以

<%= f.text_field :quatity, class: "text-field", id: "quantity" ... %>
<%= f.text_field :price_per_unit, class: "text-field", id: "price-per-unit" ... %>"
<%= f.text_field :total_amount, class: "text-field", id: "total-amount" .. readonly: true %>

然后在JS中

$(document).on("change", "#quantity #price", function() {
  var price = $("#price").val() || 0,
      quantity = $("#quantity").val() || 0;
  $("#total-amount").val(price * quantity);
});

但是我会说这很不好，因为我可以轻松地使用Web检查器删除只读内容并自行设置值。但是，如果您具有price和quantity作为数据库字段，则无需担心在服务器端保留验证。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。