2017-09-20 3 views
0

Ich habe Probleme mit einem Formular Eingabefeld. Es gibt keinen wirklichen Reim darauf, dass es manchmal beim erneuten Laden der ganzen Seite passiert, dh beim Klicken auf den Browser wird aktualisiert. Ich kann es zum Laufen bringen, wenn ich auf einen anderen Link auf der Seite und dann auf einen anderen Link zurück zur ursprünglichen Adresse klicke oder einfach auf einen direkten Link zur aktuellen/gleichen Seite klicke.Formular Eingabefeld "manchmal" wird deaktiviert "" rails 5

Normalerweise, wenn seine Turbolinks müssen Sie ..on.('turbolinks:load', function hinzufügen, aber es ist nur ein Formularfeld, das von Turboliinks bereits behandelt wird, so dass es mich wirklich verwirrend.

Dies ist der html, wenn die Schaltfläche

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

und wenn sie es disabled=""

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

Die Eingabefelder haben einige turbolinks jquery an ihnen hat nicht funktioniert funktioniert aber seine die gleiche beide Situationen. Es ist nicht die Tabelle Dimension Sache, wenn Sie Ihr Formular innerhalb eines <td> Tags. Ich kann es wirklich nicht herausfinden?

Ich kann meine Formulardetails posten, aber es scheint das gleiche wie meine anderen Formen. Keine Fehler im Server außer unpermitted parameter picture_cache, aber denken Sie nicht, dass es das ist.

Edit: Hier ist die Form Code

<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> 
+0

Hat das Verhalten in einem anderen Browser bestehen bleiben? – bitsapien

+0

Ich würde das überprüfen müssen, da ich die Seite über zehn Mal mit dem gleichen Ergebnis neu laden kann, das ist eine gute Idee, die ich ab jetzt verwenden werde, um zu sehen, ob es passiert. Ich benutze Firefox BTW. –

Antwort

1

Versuchen Sie, diese

zur automatischen Vervollständigung Schalten Sie in Form

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

Ich denke, das ist richtig, ich habe es ein paar Tage getestet und ist nicht gescheitert. Es gibt mehr, was Sie in der Ausgabe finden können [hier] (https://github.com/1000hz/bootstrap-validator/issues/585) und [hier] (https://github.com/1000hz/bootstrap-validator/ Ausgaben/26) Danke Krishnar. –

Verwandte Themen