代码之家  ›  专栏  ›  技术社区  ›  user3574603

Rails 5.1:为什么在提交表单时我的提交按钮没有被禁用?

  •  0
  • user3574603  · 技术社区  · 5 年前

    <%= bootstrap_form_for(@user, html: { multipart: true }) do |f| %>
      <%= f.text_field :name, required: true, autocomplete: "name" %>
      <%= f.date_select :date_of_birth,
                        required: true,
                        include_blank: true,
                        start_year: Time.current.year - 90,
                        end_year: Time.current.year - 17
      %>
    
      <%= f.file_field :cv, label: "Your CV", accept:"application/pdf, 
        application/zip,application/vnd.openxmlformats-officedocument.wordprocessingml.document", placeholder: "Choose a PDF or DOC file" %>
      <%= f.hidden_field :cv_cache, id: "cv_cache" %>
    
      <%= f.submit "Submit application", id: "application_submit_button", data: { disable_with: "Submitting..." } %>
    <% end %>
    

    jquery ujs

    //= require rails-ujs
    //= require activestorage
    //= require turbolinks
    //= require jquery3
    //= require popper
    //= require bootstrap
    
    //= require_tree .
    

    data: { disable_with: "Submitting..." }

    是否在提交表单时禁用该按钮?我需要采取哪些进一步的步骤来确保按钮禁用?

    <%= f.submit "Submit application", id: "application_submit_button", disable_with: "Submitting..." %>
    

    更新2:

    disable_with: "Submitting..." data_disable_with data-disable-with

    <input type="submit" name="commit" value="Submit application" id="application_submit_button" data_disable_with="Submitting..." class="btn btn-secondary" data-disable-with="Submit application">
    

    data_disable_with="Submitting..." data-disable-with="Submit application"

    <input type="submit" name="commit" value="Submit application" id="application_submit_button" data-disable-with="Submitting..." class="btn btn-secondary">
    

    我仍然不知道为什么它不起作用。

    1 回复  |  直到 5 年前
        1
  •  1
  •   Lyzard Kyng    5 年前

    head application.js

    <script src="/assets/rails-ujs.self-xxxxx.js?body=1" data-turbolinks-track="reload"></script>
    <script src="/assets/activestorage.self-xxxxx.js?body=1" data-turbolinks-track="reload"></script>
    <script src="/assets/turbolinks.self-xxxxx.js?body=1" data-turbolinks-track="reload"></script>
    <script src="/assets/jquery3.self-xxxxx.js?body=1" data-turbolinks-track="reload"></script>
    <script src="/assets/popper.self-xxxxx.js?body=1" data-turbolinks-track="reload"></script>
    <script src="/assets/bootstrap.self-xxxxx.js?body=1" data-turbolinks-track="reload"></script>
    <script src="/assets/application.self-xxxxx.js?body=1" data-turbolinks-track="reload"></script>
    

        2
  •  0
  •   Syntactic Fructose    5 年前

    disable_with data

    <%= f.submit "Submit application", id: "application_submit_button", disable_with: "Saving..." %>