【问题标题】:form input field "sometimes" gets set to disabled"" rails 5表单输入字段“有时”被设置为禁用“”rails 5
【发布时间】:2017-09-20 07:51:00
【问题描述】:

我在使用表单输入字段时遇到问题。它的原因并没有真正的韵律,它有时会在整页重新加载时发生,即单击浏览器刷新。如果我单击页面中的另一个链接,然后单击另一个返回原始地址的链接,或者只是单击指向当前/同一页面的直接链接,我可以让它工作。

通常当它的 turbolinks 需要添加 ..on.('turbolinks:load', function 但它只是一个由 turbolinks 处理的表单字段,所以它真的让我很困惑。

这是按钮运行时的 html

<input name="commit" value="Post" id="formsubmit" data-disable-with="Create Micropost" type="submit">

当它不工作时,它有disabled=""

<input name="commit" value="Post" id="formsubmit" data-disable-with="Create Micropost" disabled="" type="submit">

输入字段附加了一些 turbolinks jquery,但两种情况都相同。当您将表单放在&lt;td&gt; 标记中时,它也不是表格尺寸。实在想不通?

我可以发布我的表单详细信息,但它似乎与我的其他表单相同。除了unpermitted parameter picture_cache,服务器中没有错误,但不要认为就是这样。

编辑:这是表单代码

<section class="micropost_form">
<%= form_for(@micropost, remote: true) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
  <%= gravatar_for(current_user, size: 30) %>
  <div class="field">
    <%= f.text_area :content, placeholder: "Compose new post..." %>
  </div>
  <div class="btn-file">
    <label for="micropost_picture" onclick="showBrowseInput()">Choose File</label>
    <%= f.file_field :picture, accept: 'image/jpeg,image/gif,image/png' %>
    <%= f.hidden_field :picture_cache, :value => f.object.picture_cache %>
    <button class="imagelinkbtn" type="button" onclick="showImageInput()">Image Link</button>
    <button class="videolinkbtn" type="button" onclick="showVideoInput()">Embed Video</button>
    <button class="giflinkbtn" type="button" onclick="showGifInput()">Embed Gif</button>
  </div>
  <div class="media_field_1">    
    Image <%= f.text_field :image_url %>
  </div>
  <div class="media_field_2"> 
    Video <%= f.text_field :video_url, class: 'form-control' %>
  </div> 
  <div class="media_field_3"> 
    Gif <%= f.text_field :gif_url %>
  </div>  
  <div class="thumb">
    <% if f.object.picture.url.present? %>
    <%= image_tag f.object.picture.url %>
    <% end %>
  </div>
  <div class="media-preview" style='position:relative;height:300px'>
  </div>
  <%= f.submit value: "Post", id: "formsubmit" %>
<% end %>
<%= javascript_include_tag "media_preview_script" %>
<%= javascript_include_tag "picture_file_upload_size_limit" %>
</section>

【问题讨论】:

  • 这种行为是否在不同的浏览器中持续存在?
  • 我必须检查一下,因为我可以重新加载页面十次以上并获得相同的结果,这是一个好主意,我将从现在开始使用 chrome 或 edge 看看它是否会发生。我正在使用 firefox 顺便说一句。

标签: javascript jquery html ruby-on-rails


【解决方案1】:

试试这个

关闭表单中的自动完成功能

= form_for @user, html: { autocomplete: "off" } do |f|

【讨论】:

  • 我认为这是对的,我测试了好几天,并没有失败。您可以在herehere 这个问题上找到更多内容,谢谢 krishnar。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-08-10
  • 2023-01-18
  • 2020-01-06
  • 2018-09-25
  • 2020-04-30
  • 2018-10-17
  • 1970-01-01
相关资源
最近更新 更多