<![CDATA[
<p style="text-align: start;"><span style="color: #2f9d27; font-family: 'Noto Sans KR';" data-ke-size="size14"><script></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">$(function() {  </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">   </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     $("#userid").focus();</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     $("#btn_save").click(function() {</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            var userid = $("#userid").val();</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            var age = $("#age").val();</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">    </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            if( userid == "" ) {</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  alert(‎"아이디를 입력해주세요.");</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  $("#userid").focus();</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  return false;</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            }</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            var space = userid.indexOf(" ");</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            if( space > -1 ) {</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  alert(‎"공백은 포함할 수 없습니다.");</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  $("#userid").focus();</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  return false;</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            }</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            if( userid.length < 4  || userid.length > 12) {</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  alert(‎"아이디는 4자 ~ 12자 사이입니다.");</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  $("#userid").focus();</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                  return false;</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            }</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">             if ( !$("input[name='gender']").is(":checked") ) {</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                     alert(‎"성별을 선택해 주세요.");</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                     return false;</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">             }</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">        </span></p><p style="text-align: start;"><span style="color: #2f9d27; font-family: 'Noto Sans KR';" data-ke-size="size14">             /** 체크박스 선택여부 검사 */</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            var hobby = $("input[name='hobby']:checked");</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            if ( hobby.length < 3 ) {</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                     alert(‎"취미는 3개이상 선택해주세요.");</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                     return false;</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">             }</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">             if( $("select[name='job']").val() == "" ) {</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                   alert(‎"직업을 선택해 주세요.");</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                   $("select[name='job']").focus();</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">                   return false;</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">             }</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">             $("#form1").submit();</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">       });</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">});</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14"></script></span></p><p style="text-align: start;"> </p><p style="text-align: start;"><span style="color: #409d00; font-family: 'Noto Sans KR';" data-ke-size="size14"><!--</span></p><p style="text-align: start;"><span style="color: #409d00; font-family: 'Noto Sans KR';" data-ke-size="size14">label은 폼의 양식에 이름 붙이는 태그입니다.</span><br><span style="color: #409d00; font-family: 'Noto Sans KR';" data-ke-size="size14">주요 속성은 for입니다.</span><br><span style="color: #409d00; font-family: 'Noto Sans KR';" data-ke-size="size14">label의 for의 값과 양식의 id의 값이 같으면 연결됩니다.</span><br><span style="color: #409d00; font-family: 'Noto Sans KR';" data-ke-size="size14">label을 클릭하면, 연결된 양식에 입력할 수 있도록 하거나 체크를 하거나 체크를 해제합니다.</span></p><p style="text-align: start;"><span style="color: #409d00; font-family: 'Noto Sans KR';" data-ke-size="size14">--></span></p><p style="text-align: start;"> </p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14"><body></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14"><h1>회원가입</h1></span></p><p style="text-align: start;"> </p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14"><form name="form1" id="form1" method="post" action="save.jsp"></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14"><div id="input"></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <h3><label for="userid">아이디</label></h3></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="text" name="userid" id="userid" /></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">    </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <h3><label for="pass">비밀번호</label></h3></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="password" name="pass" id="pass" /></span></p><p style="text-align: start;"> </p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <h3><label for="gender1">성별</label></h3></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="radio" name="gender" id="gender1" value="M"/> </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <label for="gender1">남자</label></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="radio" name="gender" id="gender2" value="F"/> </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <label for="gender2">여자</label></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">    </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <h3>취미</h3></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="checkbox" name="hobby" id="hobby" value="축구"/> 축구</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="checkbox" name="hobby" id="hobby" value="농구"/> 농구</span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="checkbox" name="hobby" id="hobby" value="야구"/> 야구</span></p><p style="text-align: start;"><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="checkbox" name="hobby" id="hobby" value="탁구"/> 탁구</span></p><p style="text-align: start;"><span style="color: #333333; background-color: #ffffff; font-family: 'Noto Sans KR';" data-ke-size="size14">      <span style="color: #333333; background-color: #ffffff; font-family: 'Noto Sans KR';" data-ke-size="size14"><input type="checkbox" name="hobby" id="hobby" value="롤"/> 롤</span></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">    </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <h3>직업</h3></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <select name="job" id="job" multiple size="3"></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">           <option value="">- 선택 -</option></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">           <option value="프로그래머">프로그래머</option></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">           <option value="퍼블리셔">퍼블리셔</option></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">           <option value="기획">기획</option></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     </select></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">    </span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <h3>나이</h3></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     <input type="text" name="age" id="age" /></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">      <p></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            <button type="submit" id="btn_save">회원가입</button></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">            <button type="reset" id="btn_reset">다시작성</button></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14">     </p></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14"></div></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14"></form></span></p><p style="text-align: start;"><span style="font-family: 'Noto Sans KR';" data-ke-size="size14"></body></span></p>
<!-- -->
]]>
카페 게시글
JAVASCRIPT
[ 12강 ] jQuery(2)
리눅이
추천 0
조회 49
23.12.19 02:14
댓글 0
다음검색
