유효성 검사 선택 위젯 삽입 및 편집



    유효성 검사 선택 위젯 삽입

    1. [삽입] > [Spry] > [Spry 유효성 검사 선택]을 선택합니다.
    2. [입력 태그 액세스 가능성] 대화 상자에서 원하는 옵션을 설정하고 [확인]을 클릭합니다.
    3. 코드 뷰에서 메뉴 항목과 값이 포함된 옵션 태그를 추가합니다. Dreamweaver에서는 이 작업을 자동으로 수행하지 않습니다. 자세한 내용은 이전 항목을 참조하십시오.
    참고: [삽입] 패널에서 [Spry] 범주를 사용하여 유효성 검사 선택 위젯을 삽입할 수도 있습니다.

    유효성 검사 실시 시간 지정

    사용자가 위젯 바깥쪽을 클릭할 때, 텍스트를 입력할 때 또는 양식을 전송하려 할 때 등의 다양한 시점에서 유효성 검사를 실시하도록 설정할 수 있습니다.

    1. 문서 윈도우에서 유효성 검사 선택 위젯을 선택합니다.
    2. 속성 관리자([윈도우] > [속성])에서 유효성 검사를 실시할 시간을 나타내는 옵션을 선택합니다. 모든 옵션을 선택하거나 [onSubmit]만 선택할 수 있습니다.
      onBlur
      사용자가 위젯 바깥쪽을 클릭할 때마다 유효성 검사를 합니다.

      onChange
      사용자가 항목을 선택할 때 유효성 검사를 합니다.

      onSubmit
      사용자가 양식을 전송하려 할 때 유효성 검사를 합니다. [onSubmit] 옵션은 기본적으로 선택되어 있으며 선택 취소할 수 없습니다.

    디자인 뷰에 위젯 상태 표시

    1. 문서 윈도우에서 유효성 검사 선택 위젯을 선택합니다.
    2. 속성 관리자([윈도우] > [속성])의 [상태 미리 보기] 팝업 메뉴에서 표시하려는 상태를 선택합니다. 예를 들어, 유효한 상태의 위젯을 표시하려면 [유효함]을 선택합니다.

    공백 값 금지 또는 허용

    Dreamweaver를 통해 유효성 검사 선택 위젯을 삽입하여 웹 페이지에 게시한 경우 기본적으로 사용자는 특정 값과 연결되어 있는 메뉴 항목을 선택해야 합니다. 그러나 원하는 경우 이 옵션을 해제할 수도 있습니다.

    1. 문서 윈도우에서 유효성 검사 선택 위젯을 선택합니다.
    2. 속성 관리자([윈도우] > [속성])에서 필요에 따라 [공백 값 허용하지 않음] 옵션을 선택하거나 선택 취소합니다.

    잘못된 값 지정

    사용자가 메뉴 항목을 선택하면 잘못된 것으로 등록될 값을 지정하여 메뉴 항목에 연결할 수 있습니다. 예를 들어 유효하지 않은 값으로 -1을 지정하고 이 값을 option 태그에 할당한 경우 사용자가 해당 메뉴 항목을 선택하면 위젯에서 오류 메시지를 반환합니다.

    <option value="-1"> ------------------- </option>
    1. 문서 윈도우에서 유효성 검사 선택 위젯을 선택합니다.
    2. 속성 관리자([윈도우] > [속성])의 [잘못된 값] 상자에 잘못된 값으로 사용할 숫자를 입력합니다.