클릭 할 때 버튼이 두 개의 다른 기능을 제공하도록하려면 어떻게해야합니까? - 현재 구현을 볼 수 있습니다

Question

jQuery를/CSS : 당신은 '등록'을 처음 클릭하면 http://jsfiddle.net/Chandu/AdQfB/11/

, 당신은 더 많은 필드를 볼 수 있습니다.

내가 원하는 것은 그들이 등록을 클릭 한 후 '제출'을 클릭하면 정보를 서버로 보냅니다.

'로그인'을 누르고 사용자 이름 및 암호 입력란을 작성한 경우에도 마찬가지입니다.

어떻게해야합니까?

나는 백엔드에서 레일즈를 사용하고 있습니다.

감사합니다. 그것은 type="submit" 버튼 이래로

Answer 1

당신이 단순히 버튼에 포함 된 내용을 텍스트 확인 할 수 할 수 있습니다. 제출 조치를 해당 클래스에 연결하십시오. 추가 양식 요소를 제거 할 때 해당 클래스를 제거하십시오. 로그인을 위해 "if ($ ("# visible_pw "). is (": visible "))"를 else {로 확장하고 거기에 로그인을 구현하십시오.

Answer 2

기본 동작을 사용할 수 있습니다 그냥 같이, 당신의 click 처리기를 제거 :

$("input#register").click(function(e) { 
    $("input#f_name").slideDown().prepend("<br /><br />").css({"display": "block"}); 
    $("input#l_name").slideDown().css({"display": "block"}); 
    $("input#confirm_pw").slideDown().css({"display": "block"}) 
    $("input#register").val('Submit'); 
    $("input#login").css({ 'color' : '#567603' }); 
    e.preventDefault(); 
    $(this).unbind("click"); 
});  

You can test it out here합니다.

$("input#register").click(function(e) { 
    if (this.value == 'Register') 
     // do one thing 
    else if (this.value == 'Submit') 
     // do another thing 
}); 

Answer 3

는 양식을 확장하고 동시에 등록 버튼에 클래스를 추가