jQuery를을 수행

Question

나는 JQuery와 플러그인을 검증 사용하고 있는데 나는 또한 내 양식에있는 팝업에 대한 닫는 애니메이션을 만들기 위해 jQuery를 사용하고

.

을 당연히, 나는 싶지 않아 폼이 무효이며 에러가 수정 될 필요가있는 경우 닫을 팝업. 여기

내가 ... 함께 일하고 있어요 무엇

양식 유효성 검사 :

그래서

$("#ContinueButton").click(function(){ 
$("#refer-a-friend").animate({ 
    top: "0%", 
    opacity: 0 
}, 500); 
}); 

가 어떻게 그렇게 가까운 애니메이션을 만들 것입니다 :

$(document).ready(function(){ 
    $("#form").validate({ 
     errorContainer: "#messageBox1", 
     errorLabelContainer: "#messageBox1 ul", 
     wrapper: "li", 
    }); 
    }); 

하는 형태의 버튼 동작 제출 양식이 유효한 경우에만 발동됩니까?

Answer 1

#form이 제출되면 유효성 확인이 실행됩니다. 중 하나에 대한 귀하의 #ContinueButton 요구 type="submit", 또는 당신이 버튼을, 검증을 발사 제출 documentation에서 submitHandler 옵션을 살펴, 그것은 당신이 필요합니다 걸릴 일단 $("#form").submit();

를 호출합니다. 이런 식으로 뭔가 :

$("#form").validate({ 
    submitHandler: function(form) { 
     //perform your animation here 
    } 
}); 

Answer 2

$("#ContinueButton").click(function(){ 
    if($("#form").valid()) { 
     $("#refer-a-friend").animate({ 
     top: "0%", 
     opacity: 0 
     }, 500); 
    } 
}); 

http://docs.jquery.com/Plugins/Validation/Validator

http://docs.jquery.com/Plugins/Validation/valid