【发布时间】: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,但两种情况都相同。当您将表单放在<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>
【问题讨论】:
-
这种行为是否在不同的浏览器中持续存在?
-
我必须检查一下,因为我可以重新加载页面十次以上并获得相同的结果,这是一个好主意,我将从现在开始使用 chrome 或 edge 看看它是否会发生。我正在使用 firefox 顺便说一句。
标签: javascript jquery html ruby-on-rails