CMS: 입력 요소에 대한 유효성 검사 설정 정보

2 분 분량
입력 요소를 사용해 사용자 지정 양식을 생성하는 경우, 각 입력 요소에 유효성 검사를 추가할 수 있습니다. 또한, 컬렉션 입력란 자체에 유효성 검사를 추가할 수도 있습니다. 이는 방문자가 컬렉션에 필요한 올바른 형식과 일치하는 값만 제출할 수 있도록 합니다. 

필수 입력사항으로 지정

대부분의 입력 요소에는 "필수" 옵션이 있습니다. 입력 요소를 필수로 설정하면 해당 입력란에 값이 없는 경우 양식이 제출되지 않습니다. 입력 요소의 연결된 컬렉션 입력란을 "필수"로 설정하면 방문자가 값이 비어 있는 콘텐츠를 제출하는 경우 오류가 발생합니다.

체크 상자가 "필수"로 설정된 경우, 입력 요소를 선택해야 유효한 것으로 간주됩니다. 스위치에는 "필수" 옵션이 없습니다. 

입력 요소

다양한 유형의 정보를 허용하도록 입력 요소를 설정할 수 있습니다. 각 유형을 통해 사용자는 특정 값만 입력할 수 있으며, 사용자가 값 입력을 완료하면 특정 유형의 유효성 검사를 수행하고, 다양한 유형의 추가 유효성 검사를 추가할 수 있습니다. 
입력 유형
유효성 검사
추가 유효성 검사
텍스트
없음
길이 제한, 패턴
비밀번호
없음
길이 제한, 패턴
인보이스 번호
값은 숫자입니다.
최대값, 최소값, 패턴
이메일
값은 이메일 주소입니다.
패턴
URL
값은 "http" 또는 "https"로 시작하는 URL입니다.
패턴
전화번호
값은 전화 번호입니다.
패턴

길이 제한

길이 제한을 설정하면 값의 길이가 제한을 초과하는 경우 양식이 제출되지 않습니다.

최대값 및 최소값

숫자 유형의 입력 요소를 사용해 최대값, 최소값 또는 둘 다 설정할 수 있습니다. 이러한 제한 중 하나를 설정하면 입력한 값이 설정된 제한을 벗어나는 경우 양식이 제출되지 않습니다. 

패턴 유효성 검사

일부 유형의 입력 요소는 설정에 패턴 유효성 검사를 추가할 수 있습니다. 패턴 유효성 검사는 검색 패턴을 정의하는 일련의 문자 및 기호인 정규식을 사용해 수행됩니다. 

예를 들어, 사용자의 이름을 입력하는 입력 요소가 있다고 가정해 보겠습니다. 사용자 이름 규칙은 영숫자와 밑줄로 구성되어야 한다는 것입니다. 또한, 길이는 5-20자여야 합니다. 

다음은 유효한 사용자 이름만 허용하기 위해 입력 요소에 추가할 수 있는 정규식입니다.
1^[a-zA-Z0-9_]{5,20}$

이 식에서 ^$ 는 각각 문자열의 시작과 끝을 나타냅니다. 해당 기호 사이에는 두 개의 섹션이 있습니다. 하나는 대괄호 [] 안에 있고 다른 하나는 중괄호 {} 안에 있습니다. 대괄호로 묶인 섹션인 [a-zA-Z0-9_]은 소문자 a-z, 대문자 A-Z, 숫자 0-9 또는 밑줄 _에 해당합니다.중괄호로 묶인 섹션인 {5,20}은 바로 앞의 섹션, 즉 [a-zA-Z0-9_]이 5-20자 사이여야함을 의미합니다.


날짜 선택기

날짜 선택기를 사용해 입력할 수 있는 날짜를 제한할 수 있습니다. 사용자가 지난 날짜, 미래 날짜 또는 주말과 같이 지정한 요일에 해당하는 날짜를 선택하지 못하도록 제한할 수 있습니다. 또한, 날짜 형식을 MM/DD/YYYY 또는 DD/MM/YYYY 중에서 선택할 수 있습니다.

도움이 되었나요?

|