더북(TheBook)

8.7 | RangeValidator 컨트롤

 

범위 확인 유효성 검사 컨트롤을 사용하면 데이터를 입력 받을 때 특정 범위의 데이터만 요청할 수 있다. 참고로 다음 샘플 코드는 RangeValidator 컨트롤 사용 전에 순수 자바스크립트로 1~150까지의 정수만 입력 받도록 처리하는 내용을 구현한 것이다.

▼  FrmRangeValidatior.html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript로 범위 확인하기</title>
  <meta charset="utf-8" />
  <script>
      function CheckLogin() {
          // 값을 받아서 정수형으로 변환
          var varAge = parseInt(document.getElementById("txtAge").value);
          if (varAge < 1 || varAge > 150) {
              alert("나이는 1~150까지 입력하시오.");
              document.getElementById("txtAge").focus(); // 포커스
              return false; // 멈춤
          }
          return true; // 진행
      }
  </script>
</head>
<body>
  <form id="frmLogin" action="#" method="post" onsubmit="return CheckLogin();">
      나이 : <input type="text" id="txtAge" name="txtAge" value="0" />(1~150)<br />
      <input type="submit" value="체크" />
  </form>
</body>
</html>

 

▲ 그림 8-5 자바스크립트로 범위 확인하기

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.