ASP.NET 콘트롤 Vol.10 - 유효성검사 > CustomValidator

CustomValidator는 자체적으로 지원하지 않는 콘트롤을 직접 만들어서 적용하는 방법을 제시합니다.

다른 말로 '사용자정의 콘트롤' 이라고도 합니다.

CustomValidator는 클라이언트 측에서 실행되는 방법과 서버 측에서 실행되는 두가지 방법이 있습니다.

일단 자바스크립트를 이용한 클라이언트 방식을 해보겠습니다.

테스트 페이지에 텍스트박스, 버튼, CustomValidator를 하나씩 배치합니다.

배치한 CustomValidator를 선택 후 속성에서 에러메시지를 작성합니다.

이번에는 ClientValidationFunction을 지정합니다.

사용할 함수명을 입력하면 됩니다. 파라미터는 제외합니다.

사용할 자바스크립트 함수를 작성합니다.

if문을 아래처럼 줄여서 작성하면 편리합니다.

페이지를 실행하여 테스트를 해봅니다.

10 이상의 수를 입력했을 경우 에러메시지가 출력됩니다.

10보다 작은 5를 입력 하였을 경우 정상적으로 포스트백이 이루어집니다.

 

이번에는 서버 방식을 실습 해보겠습니다.

기존에 지정된 ClientValidationFunction을 삭제합니다.

ServerValidate를 더블클릭 합니다.

CS 소스단의 이벤트에 아래의 코드를 추가합니다.

10보다 작을 경우 true를 반환하는 코드입니다.

10 이상의 수을 입력했을 때 역시 에러메시지가 출력됩니다.

클라이언트 방식과의 차이점이 있다면 서버단 에서의 확인을 요구하기에 포스트백이 일어나면서 유효성검사가 진행됩니다.

10보다 작은수를 입력하면 정상적으로 포스트백이 일어납니다.