2008-11-12 6 views
0

Firefox에서 오류 메시지가 다음과 같이 표시됩니다. 유효성이 검사되는 요소의 오른쪽에 있습니다. IE에서. 레이블/요소/오류의 크기 조정에 관계없이 오류는 항상 요소 아래에 게시되어 다른 모든 요소가 아래로 밀려납니다.jQuery 유효성 검사 형식 지정 IE의 문제

<p> 
    <label for="handle"><strong>User Name</strong></label> 
    <INPUT NAME="handle" id="handle" VALUE="#attributes.getUser.handle#"> 
</p>     
<p> 
    <label for="password"><strong>Password</strong></label> 
    <INPUT TYPE="TEXT" id="password" NAME="password" 
      MAXLENGTH=50 VALUE="#attributes.getUser.password#"> 
</p> 

<p> 
    <label for="confirmPassword"><strong>Confirm Password</strong></label> 
    <INPUT TYPE="TEXT" id="confirmPassword" NAME="confirmPassword" 
      MAXLENGTH=50 VALUE="#attributes.getUser.password#"> 
</p> 

다른 누구든지이 문제가 발생하면 매우 도움이 될 것입니다.

+0

이 코드 샘플을 잘못 사용하고 있습니까? –

+0

"print (" ")가 필요하지 않습니다. 코드의 각 줄을 4 칸 들여 쓰기 할 수 있습니다. –

답변

0

필자는 해당 입력 요소에 'margin-bottom : 16px'스타일을 설정했습니다.

제거 (시행 착오와 검색 후)이 문제가 해결되었습니다.

시간을 절약하는 희망. ; ^)

0

< 입력 > 요소를 닫으려고 했습니까?

+0

아무런 쓸모가 없었습니다. 같은 블럭이 있습니다. 불리한 결과가 있습니다. –

0

아직 페이지가 유효하지 않은 경우 페이지가 유효한 XHTML (HTML Validator을 사용하고 있음)을 원할 수 있습니다. 그렇게하면 모든 요소가 제대로 닫히고 중첩됩니다.

또한 디스플레이를 인라인으로 설정하는 것과 같이 요소에 대해 CSS 위치 지정을 시도해 보셨습니까?

코드를 보지 않고도 말하기가 어렵습니다. 위치 확인 문제 인 경우 Firebug은 대개 매우 유용합니다.

+0

label.error 스타일에 "display : inline;"을 배치하는 것처럼 간단합니다. 감사합니다. –