2013-08-19 1 views
1

IFrame에 배치 된 양식이 있습니다. 유효성 검사를 위해 javascript 함수가 추가되었습니다. 필수 입력란을 채우지 않고 제출 버튼을 클릭하면 오류 메시지가 나타납니다.iframe에서 양식을 제출할 때 IFrame의 맨 위로 스크롤

양식에 8 개 이상의 입력란이 있습니다. 오류 메시지가 페이지 상단에 표시됩니다. 제출 버튼을 클릭하면 페이지 하단이 그대로 유지됩니다. 따라서 오류 메시지가 표시되지 않습니다. iframe에까지, 나는 다음과 같은 코드를 추가로 스크롤 들어

, 그것은 iframe.But에서 페이지 상단에 저를 필요

parent.parent.window.scroll(0,0); 

는 자바 스크립트 유효성 검사를 건너 뜁니다. 유효성 검사없이 요청을 전달합니다.

도와주세요. 사전에

감사

답변

0

오류의 포장 사업부의 ID는 다음 후,이 ID로 내부 이동 자바 스크립트의에서는 window.location을 사용 설정 - 그리고 필수 필드 유효성 검사 코드를 depending- (당신은 조건에 넣을 수 있습니다 성명서). 그것을 사용하는 방법에 대한 예 :

<!DOCTYPE html> 
    <html> 
    <head> 
     <script> 
     function scroll(){ 
      window.location = '#error'; 
     } 
     </script> 
    </head> 
    <body> 
     <div id='error'> 
     <p>Error: This is an error message.</p> 
     </div> 
     <iframe src="http://www.yahoo.com" width="400" height="800"> 
     </iframe> 
     </br> 
     <input type="button" onclick="scroll()" value="Scroll"></input> 
    </body> 
    </html> 
당신은 또한 원활하게 스크롤 jQuery를 사용할 수

:

http://www.paulund.co.uk/smooth-scroll-to-internal-links-with-jquery

관련 문제