두 개의 암호 입력 필드 값이 같고 0보다 큰지 확인하는 방법

Question

두 개의 "pswd_info" 및 "pswd_confirm" 두 개의 암호 필드가있는 <div> 요소가 있습니다.

1. 필드 하나에 초점이 맞춰지면 사업부 (1)가 표시되고
2. 다시, 두 번째 필드에 초점이 맞춰지면 값을 추가합니다, DIV 2가 보여 추가 할 값
: 같은

내가 걸려 뭔가 양쪽 필드의 값이 동일한 경우

3. 는 div의 중에 I가 직면하고

문제점을 보여주는 것,이 div의 비는 필드로서 처음 두 값을 보이고 것은가 제로 (0).
다음과 같은 조건을 작성하는 방법 : 두 필드가 동일해야하며 그 값이 0보다 커야합니다. 그러면 div가 숨겨집니다.

JS FIDDLE LINK

// Field 1 
$("input[type=password][name='pass']").keyup(function() { 
    }).focus(function() { 
     $('#pswd_info').show(); 
}); 

// Field 2 
$("input[type=password][name='cpass']").keyup(function() { 
    }).focus(function() { 
     $('#pswd_confirm').show(); 
}); 

/*------------------------------------------------*/ 

if ( $("#txtPassword").val() == $("#txtPassword2").val()) { 

    $("input[type=password][name='cpass']").focus(function() { 
     $('#pswd_confirm').hide(); 
    }); 

    $("input[type=password][name='pass']").focus(function() { 
     $('#pswd_info').hide(); 
    }); 
} 

은 어떤 도움이 많이 이해할 수있을 것이다. (나쁜 영어로 유감스럽게 생각합니다)

Answer 1

키 업시 checkSame 함수를 호출하도록 코드를 수정했습니다.

//field 1 
$("input[type=password][name='pass']").keyup(checkSame).focus(function() { 
    $('#pswd_info').show(); 
}); 

//field 2 
$("input[type=password][name='cpass']").keyup(checkSame).focus(function() { 
    $('#pswd_confirm').show(); 
}); 

/*------------------------------------------------*/ 
function checkSame() { 
    if ($("#txtPassword").val() == $("#txtPassword2").val() && $("#txtPassword").val().length != 0) { 
      $('#pswd_confirm').hide(); 
      $('#pswd_info').hide(); 
    } 
}