表单输入字段“有时”设置为禁用“”rails 5

时间:2017-09-20 07:51:01

标签: javascript jquery html ruby-on-rails

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

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

这是按钮运行时的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,但两种情况都是相同的。当您将表单放在<td>标记内时,它不是表维度的东西。我真的无法弄明白吗?

我可以发布我的表单详细信息,但它看起来与我的其他表单相同。除了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>

1 个答案:

答案 0 :(得分:1)

试试这个

关闭表单

中的自动填充功能
= form_for @user, html: { autocomplete: "off" } do |f|