2014-12-17 5 views
-1

기존 프로토 타입에서 가짜 로그인 환경을 만들고 있습니다. 내 문제는 이미 다음 div (그것을 divs 함께 단일 페이지 설정) 진행 및 동일한 단추에 아래의 유효성 검사 기능을 추가해야하는 단추를 클릭 이벤트가 있다고 생각합니다. 여기에 내가 지금까지 가지고있는 것이있다 :자바 스크립트가있는 로그인 실패

$('#login_button').click(function(e){ 
    var username_input = $('input[placeholder*="Hint"]'), 
     password_input = $('input[placeholder*="Password"]'), 
     username = $(username_input).val(), 
     password = $(password_input).val(), 
     login_errors = 0; 

    if ((username == '') || (password == '')) { 
    console.log("Please enter your username and password."); 
    login_errors = 1; 
    } else if ((username == 'my_username') && (password == 'my_password')) { 
    console.log("Username and password are correct."); 
    } else { 
    console.log("Your username or password are incorrect. Retry."); 
    login_errors = 1; 
    } 

    if (login_errors != 0){ 
    e.preventDefault(); 
    } 
}); 

나는 거기에서 조금 잃어 버렸다. 입력을 확인하고 다음 페이지로 넘어갈 수있는 버튼을 얻을 수 있지만, 동시에이 두 가지를 모두 수행하는 방법을 모르겠습니다.

+0

그냥에서는 window.location 하나의 페이지가 될 것으로 보인다 –

+0

(밀어 넣 된 div로) 설정 –

+0

고마워요. - 다른 div에서 움직이는 애니메이션입니다. 열려있는 파일을 변경하지 않습니다. 어쩌면 나는 창문의 다른 부분을 놓치고있어. 당신이 말하는 곳? –

답변

0

가 여기 내 솔루션입니다 : 내 프로젝트에서

, 나는 몇 가지 논리를 분류하는 리팩토링했다. 지금 당장 일을하고 나를 위해 일을 명확히 도움이 바이올린 제작 :

jsfiddle.net/kapunahele/0c9htr4o을

관련 문제