jquery와 암호 확인 확인을 사용할 수 없습니다

Question

간단히 작동하지 않는 간단한 암호 확인 jquery 스크립트가 있습니다 ... 양식은 모든 길이의 모든 암호로 유효성이 검사됩니다.

이

양식

<form action="${updatePassword}" method="post" class="form-signin" id="form-signin"> 

    <div class="form-group"> 
     <input type="password" id="password" name="password" placeholder="Enter new Password..." class="form-password form-control"> 
    </div> 
    <div class="form-group"> 
     <input type="password" name="confirmpassword" placeholder="Confirm Password..." class="form-password form-control" id="confirmpassword"> 
    </div> 
    <button type="submit" class="btn" id="submit" name="submit> Reset password</button> 
</form> 

이며,이 스크립트 : 그것은 매우 선형 보이는

$(function() { 
    $("#submit").click(function() //input button click 
    { 
     $.validator.setDefaults({ 
      debug: true, 
      success: "valid" 
     }); 

     $("#form-signin").validate({ 
      rules: { 
       password: { 
        required: true, 
        minlength: 5 

       }, 

       confirmpassword: { 
        equalTo: "#password" 
       } 

      }, 
      messages: { 
       password: { 
        required: "Inserire una password", 
        minlength: "La password deve contenere almeno 5 caratteri" 
       }, 
       confirmpassword: { 
        equalTo: "Le due password devono coincidere" 
       } 
      } 

     }); 
    }); 
}); 

... 당신이에 연결해야처럼

Answer 1

. jquery 유효성 검사 플러그인을 사용하면 양식이 자동으로 유효성이 검사됩니다.

그리고 belew 같은 코드를 수정 : 여기

    $("#form-signin").validate({ 
       rules: { 
        password: { 
        required: true, 
        minlength: 5 

        } , 

         confirmpassword: { 
         equalTo: "#password" 
        } 

       }, 
       messages: { 
        password: { 
         required: "Inserire una password", 
         minlength: "La password deve contenere almeno 5 caratteri" 
        }, 
        confirmpassword: { 
         equalTo: "Le due password devono coincidere" 
        } 
       } 

      }); 

안녕하세요 Working Code

Answer 2

그것은 보이지 않는 클릭 핸들러.

는 제거 $("#submit").click(function() {

그래서 코드의 모습 포장 :

버튼 타입은 다음 클릭 이벤트를 확인 할 필요를 제출하지

$(function() { 
    $.validator.setDefaults({ 
     debug: true, 
     success: "valid" 
    }); 

    $("#form-signin").validate({ 
     // ... 
    }); 
});