더북(TheBook)

8.17.2 이용약관 동의 체크 확인하기

1. 웹 폼을 하나 만들고 다음과 같이 소스 코드를 입력한다. 이 페이지는 따로 코드 숨김 파일을 사용하지 않는다.

▼  FrmCheckBoxRequiredValidationWithCustomValidator.aspx

<%@ Page Language=“C#” AutoEventWireup=“true”
  CodeBehind=“FrmCheckBoxRequiredValidationWithCustomValidator.aspx.cs”
  Inherits=“DevValidationControl.FrmCheckBoxRequiredValidationWithCustomValidator” %>

<!DOCTYPE html>

<html xmlns=http://www.w3.org/1999/xhtml">
<head runat=“server”>
  <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
  <title>이용약관 동의 체크 확인하기</title>
  <script>
      // ASP.NET CustomValidator 컨트롤을 사용해 체크박스 확인
      function ValidationConfirmCheckBox(sender, args) {
          if (document.getElementById(“<%= chkConfirm.ClientID %>“).checked == true) {
              args.IsValid = true;
          }
          else {
              args.IsValid = false;
          }
      }
  </script>
</head>
<body>
<form id=“form1” runat=“server”>
<div class=“form-group”>
<label for=“optGender” class=“col-sm-2 control-label”>
  <asp:Literal ID=“Literal1” runat=“server”>이용 약관</asp:Literal>:
</label>
<div class=“col-sm-10”>
  <p>회원 이용 약관에 동의하셔야 회원가입을 하실 수 있습니다.</p>
  <asp:TextBox ID=“txtAgreement” runat=“server” TextMode=“MultiLine”
      Height=“80px” Width=“100%” Style=“font-size: 9pt;”></asp:TextBox>
  <div class=“checkbox”>
      <label>
          <asp:CheckBox ID=“chkConfirm” runat=“server” Checked=“false”></asp:CheckBox>
          <asp:Literal ID=“strAcceptTheLicense” runat=“server”>
      위 약관에 동의합니다.(Accept the license)</asp:Literal>
      </label>
  </div>
  <asp:CustomValidator ID=“valConfirm” runat=“server”
      ErrorMessage=“약관에 동의하셔야 합니다.”
      ClientValidationFunction=“ValidationConfirmCheckBox”></asp:CustomValidator>
  <asp:ValidationSummary ID=“ValidationSummary1” runat=“server”
      ShowSummary=“false” ShowMessageBox=“true” />
  <div>
      <asp:Button ID=“Button1” runat=“server” Text=“가입” />
  </div>
</div>
</div>
</form>
</body>
</html>

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