Сделать пролет элемента представить форму редактирования

Question

У меня есть довольно, форма bootstrappy, которая выглядит как (в рельсах & HTML)

<%= form_for(current_user) do |f| %> 
    <div class="input-group input-group-lg"> 
    <%= f.text_field :location, :class => "form-control", :placeholder => "Where are you?", 'aria-describedby' => 'basic-addon2' %> 
    <span type="submit" name="commit" class="input-group-addon btn btn-success" id="basic-addon2" style="color: white;">Go!</span> 
    </div> 
<% end %> 

Но используя выше, ничего на самом деле не происходит, когда я попал в «Go!» кнопка.

я могу получить свою форму, чтобы успешно представить, если я использую код:

<%= form_for(current_user) do |f| %> 
    <div class="input-group input-group-lg"> 
    <%= f.text_field :location, :class => "form-control", :placeholder => "Where are you?", 'aria-describedby' => 'basic-addon2' %> 
    <%= f.submit "Go!", class: "input-group-addon btn btn-success", id: "basic-addon2", style: "color: white;" %> 
    </div> 
<% end %> 

Моя проблема заключается в том, что у меня возникают проблемы слияния обеих версий, то есть, чтобы сохранить эстетику бывший при добавлении функциональности последней. Каждый способ, которым я пытался расположить промежутки между кнопками или кнопками в пределах промежутков или других странных комбо, ничего не может сделать, что я хочу. Я могу сделать атрибуты <span> и <button> (созданный f.submit) точно так же, единственное отличие в HTML, которое видит мой браузер, это то, что оно является <span>, а другое - <button>.

Может ли кто-нибудь подумать о том, как мне объединить эти два понятия?

Answer 1

Вы видите, что вы не можете использовать ссылку в пролете или что-то еще, потому что эта кнопка отправки работает как метод отправки через браузер. в то время как ссылки идут в методе get. но есть решение для любого элемента, чтобы работать в качестве кнопки отправки, просто следовать этой инструкции .. Submit Rails 4 form with link instead of button

Answer 2

Вы всегда можете вызвать submit события при нажатии span тега:

# Inside your document.ready function in your .js file 

$('#my_span').on('click', function() { 
    $('#my_form').submit(); 
}); 

Hacky способа, но он работает.