|
Dreamweaver CS4 리소스 |
유효성 검사 텍스트 영역 위젯Spry 유효성 검사 텍스트 영역 위젯은 사용자가 텍스트를 몇 문장 입력하면 그 텍스트가 유효한지 여부를 표시하는 텍스트 영역입니다. 필수 필드인 텍스트 영역에 사용자가 아무런 텍스트도 입력하지 않은 경우에는 값을 입력해야 한다는 메시지가 위젯에 표시됩니다. 다음은 여러 가지 상태의 유효성 검사 텍스트 영역 위젯을 보여 주는 예입니다. 
유효성 검사 텍스트 영역 위젯에는 유효함, 잘못됨, 값 필요 등의 여러 가지 상태가 포함됩니다. 속성 관리자를 사용하여 원하는 유효성 검사 결과에 따라 이러한 상태의 속성을 변경할 수 있습니다. 유효성 검사 텍스트 영역 위젯을 사용하면 사용자가 위젯 바깥쪽을 클릭할 때, 텍스트를 입력할 때, 양식을 전송하려 할 때 등의 다양한 시점에서 유효성을 검사할 수 있습니다.
사용자와 상호 작용을 통해 유효성 검사 텍스트 영역 위젯이 이러한 상태 중 하나로 전환될 때마다 런타임에 Spry 프레임워크 논리를 통해 특정 CSS 클래스가 위젯의 HTML 컨테이너에 적용됩니다. 예를 들어, 사용자가 텍스트 영역에 텍스트를 입력하지 않은 채로 양식을 전송하려고 하면 "값을 반드시 입력해야 합니다."라는 오류 메시지가 위젯에 표시되도록 하는 클래스가 Spry를 통해 위젯에 적용됩니다. 오류 메시지의 스타일과 표시 상태를 제어하는 규칙은 이 위젯과 관련된 CSS 파일인 SpryValidationTextArea.css에 있습니다. 일반적으로 form 태그 안에 포함되는 유효성 검사 텍스트 영역 위젯의 기본 HTML은 컨테이너 <span> 태그 및 이 태그로 둘러싸인 텍스트 영역의 <textarea> 태그로 구성됩니다. 문서의 헤드 내부와 위젯의 HTML 마크업 아래에 있는 script 태그도 유효성 검사 텍스트 영역 위젯의 HTML에 포함됩니다. 유효성 검사 텍스트 영역 위젯의 코드에 대한 자세한 분석을 비롯하여 유효성 검사 텍스트 영역 위젯이 작동하는 방식에 대한 포괄적인 설명은 www.adobe.com/go/learn_dw_sprytextarea_kr을 참조하십시오.
|
