Javascript 기반의 조건부 레일 양식 작업

Question

사용자가 다양한 유형의 포함 미디어를 추가 할 수있게 해주는 부트 스트랩을 사용하는 모달 형식입니다. 파일 형식에 따라 다른 탭에 양식을 포함합니다. 모달 바닥 글에있는 "저장"버튼을 사용하여 현재 포커스가있는 양식을 기반으로 올바른 양식을 제출하고 싶습니다. jquery를 사용하여 현재 탭을 찾는 방법을 알고 있지만이 값을 기반으로 저장 버튼에 대한 조건부를 작성하려면 어떻게해야합니까?

<div class="modal-footer media_actions"> 

    <%= video_form.actions do %> 
     <%= video_form.action :cancel, :label => "Close", :as => :link, 
     :button_html => {:class => "btn", :href => "#", 
     :data => {:target => "#mediaEmbedModal", :toggle => "modal"}} %> 

     <%= video_form.action :submit, :label => "Save", :as => :button, 
     :button_html => {:class => "btn btn-primary", :id => "video_submit", :disable_with => "Saving..."}, :disable_with => "Saving..." %> 
    <% end %> 
    <% end %> 
    <div class="videoLoadingIcon"></div> 
    </div> 

을하지만, 현재 활성화의 형태에 따라 작업을 변경 할 수 있도록하려면 어떻게해야 :

예를 들어, 비디오를 제출, 내가 현재 가지고 이 작업을 수행? 옵션

Answer 1

커플 :

1. 은 두 개의 서로 다른 제출 버튼 (각 형태의 하나) 등을 가지고 실제로이 대신 모달 - 바닥 글 탭 내용의 일부가 될 수 있습니다.
2. 두 개의 모달 바닥 글 div를 생성하고 표시 할 두 번째 모발 바닥 글을 설정합니다 : 없음. 그런 다음 자바 스크립트를 통해 적절하게 가시성을 전환합니다. 아마이 방법을 택할 것입니다.
3. 자바 스크립트를 사용하면 클릭 한 탭을 기반으로 양식 타겟을 덮어 쓸 수 있습니다.