안녕하세요.
디자이너를 위한 jQuery P.123 질문입니다
여기에 샘플8에 대한 소스가 있는데요. 이 예제는 두개의 if문을 사용해서 전송 버튼을 누를 때마다 에러 메시지 태그가 추가되지 않도록 하고 있는데요.
이 예제를 IE(익스플로러)에서 테스트해보면 정상적으로 작동을 하지만
크롬이나 파이어폭스에서 확인해보면 원하는 결과와는 다르게 전송 버튼을 누를 때마다 P.122 예제처럼 에러문구가 계속해서 생깁니다.
제가 코딩을 잘못 한것인가 해서 제공되는 소스 파일을 이용해서 확인을 해도 동일하네요.
왜 그런것인지? 해결 방법은 없는지 알고 싶습니다.
디자이너를 위한 jQuery P.123 질문입니다
여기에 샘플8에 대한 소스가 있는데요. 이 예제는 두개의 if문을 사용해서 전송 버튼을 누를 때마다 에러 메시지 태그가 추가되지 않도록 하고 있는데요.
이 예제를 IE(익스플로러)에서 테스트해보면 정상적으로 작동을 하지만
크롬이나 파이어폭스에서 확인해보면 원하는 결과와는 다르게 전송 버튼을 누를 때마다 P.122 예제처럼 에러문구가 계속해서 생깁니다.
제가 코딩을 잘못 한것인가 해서 제공되는 소스 파일을 이용해서 확인을 해도 동일하네요.
왜 그런것인지? 해결 방법은 없는지 알고 싶습니다.
2012.09.19 10:37:07 (*.218.235.4)
안녕하세요 역자 신대호 입니다.
해당 소스는를 보시면 다음과 같은 구문이 있습니다.
if($("span").css("color") != "red"){..
이부분은 추가한 span 태그의 css color 값이 red일 경우 더이상 문구를 추가하지 않게 하기 위해 되어 있는데요. 크롬이나 사파리에서 jquery 1.6.2가 css("color")값을 문자로 반환하지 않고 있습니다. 원서 소스는 jquery 1.3.2 를 참조 하고 있어서 정상동작 한것입니다.
위 로직은 그다지 바람직 하지 않아보이니 다음과 같이 수정하여 테스트 해보시면 좋을것 같습니다.
해당 부분을 아래 같이 바꿔보세요
if($("span").text() == ""){...
내용은 span태그의 text 내용이 있는가를 판단하는 겁니다. 색이 빨강이냐보다는 명확하고 브라우져별로
특성을 타지도 않을것이라 생각됩니다.
그외에도 전송 버튼 클릭시에 text를 삭제하고 다시 넣는다던지, 여러개의 span 태그가 존재할것을 생각하여
span 태그에 id를 지정하여 셀렉트 하는 방법도 고려해볼수 있습니다.
감사합니다.
해당 소스는를 보시면 다음과 같은 구문이 있습니다.
if($("span").css("color") != "red"){..
이부분은 추가한 span 태그의 css color 값이 red일 경우 더이상 문구를 추가하지 않게 하기 위해 되어 있는데요. 크롬이나 사파리에서 jquery 1.6.2가 css("color")값을 문자로 반환하지 않고 있습니다. 원서 소스는 jquery 1.3.2 를 참조 하고 있어서 정상동작 한것입니다.
위 로직은 그다지 바람직 하지 않아보이니 다음과 같이 수정하여 테스트 해보시면 좋을것 같습니다.
해당 부분을 아래 같이 바꿔보세요
if($("span").text() == ""){...
내용은 span태그의 text 내용이 있는가를 판단하는 겁니다. 색이 빨강이냐보다는 명확하고 브라우져별로
특성을 타지도 않을것이라 생각됩니다.
그외에도 전송 버튼 클릭시에 text를 삭제하고 다시 넣는다던지, 여러개의 span 태그가 존재할것을 생각하여
span 태그에 id를 지정하여 셀렉트 하는 방법도 고려해볼수 있습니다.
감사합니다.
지금 해보니 크롬과 사파리에서는 에러문구가 계속 나타나고 있습니다.
원서 소스는 제대로 실행되는데요. 비교 결과 큰 문제가 없는 것 같은데,
우선 역자분께 질문 내용을 의뢰해서 해결책을 빨리 찾아보도록 하겠습니다.
감사합니다.