레일 일 : image_submit_tag

Question

비활성화 나는 그런 것처럼, 내 가입 폼에 버튼이 있습니다 : 사용자가 클릭하면 양식이 처리되는 동안

<%= image_submit_tag('/assets/atmosphere_forward.png', :class => "signup_submit_button")%> 

가, 몇 초간의 지연이있다. 이 문제가 발생하는 동안 제출 버튼의 이미지를 변경하려면 어떻게해야합니까 (다른 태그와 함께 : disable_with를 사용하는 것과 유사)?

또는 양식을 처리 할 때만 나타나는 양식에 필드를 추가하려면 어떻게해야합니까 ("잠시만 기다려주십시오"또는 비슷한 것을 포함 할 수 있음)?

Answer 1

Rails UJS 도구로 입력 필드의 상태를 변경하거나 클래스를 추가/제거하거나 속성을 표시하거나 숨기려면 충분하지 않다고 생각합니다. 자바 스크립트를 사용해야합니다.

form = $('#your_form'); 
form.submit(function(event) { 
    //change the button 
    var btn = form.find('input[type="submit"]'); 
    btn.image = '...'; 

    //setup the please wait message 
    var message = $('<div class="please-wait">Please Wait...</div>'); 
    form.append(message); 
}); 

CSS를 사용하는 양식 버튼에 대한 제안을 한 다음 제출 이벤트 내에서 클래스를 변경하십시오.