javascript - Ruby on Rails，当用户不接受条款时使用 jQuery 显示警报

Question

在我的 Ruby on Rails 应用程序中，我的表单如下所示:

= simple_form_for @reservation do |f|
  = f.input :terms, as: :boolean 
  = f.submit t('reservation.next'), class: "btn btn-default pull-right"

在我的模型中，我有虚拟属性术语:

validates :terms, acceptance: true, on: :create, allow_nil: false
attr_accessor :terms

现在，当用户不接受条款时，应用程序会将其重定向回来，并出现闪存错误。但现在我希望当用户不接受规定时提交按钮被禁用。有没有办法通过 JQuery 来做到这一点？提前致谢。

Answer 1

像这样的东西应该可以完成工作。您需要更改此示例中的 jQuery 选择器(#your_reservation_terms_checkbox 和 #your_submit_button)，以正确匹配这些选择器的实际 id元素。

= simple_form_for @reservation do |f|
  = f.input :terms, as: :boolean
  = f.submit t('reservation.next'), class: "btn btn-default pull-right"

:javascript
  $(document).ready(function(){
    $('input#your_reservation_terms_checkbox').on('change', function(){
      checked = $(this).is(':checked');
      $('#your_submit_button').prop('disabled', !checked);
      $('.warning-message').remove()
      if(!checked){
        $('#your_submit_button').before('<span class="warning-message">You must accept the terms</span>');
      }
    });
  });