jquery-when 오류가 발생하면 특정 위치로 스크롤하십시오.

Question

양식 앞에 유효성 검사 오류가 발생할 때 많은 입력 필드가있는 양식이 있습니다. 내 질문은 오류 메시지 유효성 검사 오류가 발생하여 창을 스크롤하는 방법이 div#msg 인 경우입니다. 페이지 하단에 커서가 있습니까?

<div id="msg"><ol></ol></div> 
<form id="myform"> 
    <input type="text" name="field1"/> 
    <input type="text" name="field2"/> 
    <input type="text" name="field3"/> 
    ... 
    <input type="text" name="fieldn"/> 
    <input type="submit" value="submit"/> 
</form> 

<script type="text/javascript"> 
$().ready(function() { 

var options = { 
    success:  showResponse 
    }; 

var container = $('#msg'); 
var validator = $("#myform").validate({ 
    messages: { 
     field1: { 
      required: "message", 
     }, 
     fieldn: { 
      required: "message", 
     }, 
    }, 
    errorContainer: container, 
    errorLabelContainer: $("ol", container), 
    submitHandler: function(form) { 
      jQuery(form).ajaxSubmit(options); 
    }, 
    wrapper: 'li', 
    meta: "validate", 
}); 

function showResponse(responseText, statusText, xhr, $form) { 
      alert(responseText); 
      validator.resetForm(); 
} 
}); 
</script> 

Answer 1

당신은 당신의 유효성 검사 오류를 반환했다 JQuery와는 콜백 함수 showResponse에 함수 호출 애니메이션을 삽입해야합니다.

보십시오 : 검증이 성공

$("html,body").animate({scrollTop:$('div#msg').offset().top}, 500);