保存 Rails 之前的验证

Question

我想在保存之前进行验证，方法是在提交表单之前确定用户是否已填写特定字段，下面的付款金额字段并选择状态="已关闭"。如果他做一个而没有另一个，那么表格不应该保存

编辑页面

<%= simple_form_for @invoice, :html => { :class => 'form-horizontal' } do |f| %>
<%= render "shared/error_messages", :target => @invoice %>
<%= f.association :customer, disabled: @invoice.persisted? %>
<%= f.input :due_date, as: :string, input_html: { class: "datepicker" }, disabled:  @invoice.persisted? %>
<%= f.input :invoice_date, as: :string, input_html: { class: "datepicker" }, disabled: @invoice.persisted? %>
<%= f.input :payment_method, as: :select, :collection => [['Cash','Cash'],['Cheque','Cheque'],['In-House transfer','In-House transfer'],['Account Ledger','Account ledger']], :selected => ['Cash','Cash'] %>
<%= f.input :reference_no, :label => 'Payment Reference No', as: :string %>
<%= f.input :amount, as: :string %>
<%= f.input :payment_date, as: :string, input_html: {class: "datepicker"} %>
<%= f.input :status, as: :select, collection: Invoice::VALID_STATUS %>

VALID_STATUS = [ Invoice.rb 中的"草稿"、"打开"、"已关闭"、"无效" ]

我希望如果用户将状态更改为"已关闭"，他应该在表单中输入金额。用户不应能够在不输入金额的情况下将状态更改为已关闭

Answer 1

在模型中 （ app/models/invoice_model.rb ） 把

validate :close_must_have_amount

然后定义它（同一个文件）

def close_must_have_amount
  :status == 'closed' && :amount # May need to tweak this
end

若要应用
模型级别验证客户端，可以使用https://github.com/bcardarella/client_side_validations/

Answer 2

1）Javascript 表单验证通常由名称完成。

 function ValidateForm(){
     var form = document.forms['myForm'];
     if ((form['status'].value == "Closed") && !(form['amount'].value)){
         alert("You gave a 'Closed' status value, but did not provide an amount, please rectify this problem!");
         return(false);
     } else {
        return(true);
     }
 }

然后：

         <%= simple_form_for @invoice, :onsubmit => "ValidateForm();", :html => { :class => 'form-horizontal', :name => 'myForm' } do |f| %>
         <%= f.input :amount, :html => { :name => 'amount'}, as: :string %>
         <%= f.input :status, as: :select, :html => { :name => 'status'}, collection: Invoice::VALID_STATUS %>

简短的演练onSubmit提交表单时触发，但在表单实际发布到服务器之前触发。

一个javascript函数被一个事件触发并终止return(false);将立即终止事件，而return(true);（或几乎任何其他东西）使事件按计划继续。

最后，请注意，完全依赖客户端验证是一个糟糕的主意，因为坚定的用户可能会执行以下操作：

1）在打开Firebug的情况下进行完全合法的提交并检查标题等。
2）制作自己的HTTP请求，其中包含虚假/不良数据。
3）通过无数HTTP工具中的任何一个提交它。

客户端验证是"很高兴拥有"。服务器端验证是"必须的"。

Answer 3

如果你想在客户端这样做：

<script>
   $(document).ready(function(){
      $('#status').change(function(){
          if($(this).val() == "Closed" && ($('#amount').val() == null || $('#amount') == "")){
            alert("Amount must be needed when status is closed")
          }
        });
     });
</script>