2026.03.10 정규식과제

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="<a href="http://java.sun.com/jsp/jstl/core" target="_top" class="ke-link">http://java.sun.com/jsp/jstl/core</a>" prefix="c" %><c:set var="ctp" value="${pageContext.request.contextPath}"/><!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>memberJoin.jsp</title><%@ include file="/include/bs5.jsp" %><script src="//t1.kakaocdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script><link rel="stylesheet" type="text/css" href="${ctp}/css/orangeLink.css"/><script src="${ctp}/js/woo.js"></script><script>'use strict'; // 정규식을 사용하세요....// 안적힌건 전부 공백function fCheck() {const regMid = /^[a-zA-Z0-9_]{4,20}$/g; // 아이디는 4~20자의 영문 대/소문자와 숫자/밑줄 사용가능const regPwd = /^[a-zA-Z0-9_]{2,15}$/g; // 비밀번호는 2~15자까지const regNickname = /^[0-9가-힣_-]{2,20}$/g; // 닉네임은 2~20자의 한글/숫자/밑줄 만 사용const regName = /^[a-zA-Z가-힣_]{2,20}$/g; // 성명은 2~20자의 한글/영문const regEmail = /^[a-zA-Z0-9._%+\-]+$/; // 이메일은 email형식에 맞도록 처리...const regUrl = /^(https?:\/\/)?[a-z0-9]*\.([a-z0-9]{2,10})*\/?/i; // 홈페이지입력시는 url형식에 맞도록 처리... (홈페이지는 필수입력이 아님.. 대신 url형식에 맞도록 처리)const regPhone = /^\d{3,4}$/; // 전화번호입력시는 전화번호형식에 맞도록처리 //let mid = document.getElementById("mid");let mid = document.getElementById("mid").value.trim();let pwd = document.getElementById("pwd").value.trim();let nickname = document.getElementById("nickName").value.trim();let name = document.getElementById("name").value.trim();let email = document.getElementById("email1").value.trim();let tel2 = document.getElementById("tel2").value.trim();let tel3 = document.getElementById("tel3").value.trim(); //if(!regMid.test(mid.value.trim())if(!regMid.test(mid)) {alert("아이디를 확인하세요.");//mid.focus();document.getElementById("mid").focus();}else if(!regPwd.test(pwd)) {alert("비밀번호를 확인하세요.");//mid.focus();document.getElementById("pwd").focus();}else if(!regNickname.test(nickname)) {alert("닉네임을 확인하세요.");//mid.focus();document.getElementById("nickName").focus();}else if(!regName.test(name)) {alert("성명을 확인하세요.");//mid.focus();document.getElementById("name").focus();}else if(!regEmail.test(email)) {alert("이메일을 확인하세요.");//mid.focus();document.getElementById("email1").focus();}else if(!regPhone.test(tel2)) {alert("전화번호를 확인하세요.");//mid.focus();document.getElementById("tel2").focus();}else if(!regPhone.test(tel3)) {alert("전화번호를 확인하세요.");//mid.focus();document.getElementById("tel3").focus();}else {alert("꺅 가입성공입니다!!");}} </script></head><body><jsp:include page="/include/header.jsp" /><jsp:include page="/include/nav.jsp" /><p><br/></p><div class="container"><h2 class="text-center mb-3">회 원 가 입</h2><form name="myform" method="post" action="MemberJoinOk.mem"><div class="input-group mb-2"><div class="input-group-text bg-secondary-subtle border-secondary-subtle"><label for="mid">아이디</label></div><input type="text" class="form-control" name="mid" id="mid" placeholder="아이디를 입력하세요." required autofocus/><input type="button" value="아이디 중복체크" id="midBtn" class="btn btn-secondary btn-sm" xxxxxxonclick="idCheck()"/></div><div class="input-group mb-2"><div class="input-group-text bg-secondary-subtle border-secondary-subtle"><label for="pwd">비밀번호</label></div><input type="password" class="form-control" id="pwd" placeholder="비밀번호를 입력하세요." name="pwd" required /></div><div class="input-group mb-2"><div class="input-group-text bg-secondary-subtle border-secondary-subtle"><label for="nickName">닉네임</label></div><input type="text" class="form-control" id="nickName" placeholder="별명을 입력하세요." name="nickName" required /><input type="button" id="nickNameBtn" value="닉네임 중복체크" class="btn btn-secondary btn-sm" xxxxxxonclick="nickCheck()"/></div><div class="input-group mb-2"><div class="input-group-text bg-secondary-subtle border-secondary-subtle"><label for="name">성명</label></div><input type="text" class="form-control" id="name" placeholder="성명을 입력하세요." name="name" required /></div><div class="input-group mb-2"><div class="input-group-text bg-secondary-subtle border-secondary-subtle"><label for="email1">Email address:</label></div><input type="text" class="form-control" placeholder="Email을 입력하세요." id="email1" name="email1" required /><div class="input-group-text bg-secondary-subtle">@</div><select name="email2" class="form-select"><option value="naver.com" selected>naver.com</option><option value="hanmail.net">hanmail.net</option><option value="hotmail.com">hotmail.com</option><option value="gmail.com">gmail.com</option><option value="nate.com">nate.com</option><option value="yahoo.com">yahoo.com</option></select></div><div class="input-group mb-2"><label class="input-group-text bg-secondary-subtle border-secondary-subtle">성 별</label><div class="border form-control"><label class="form-check-label ms-3"><input type="radio" name="gender" class="form-check-input me-2" value="남자" checked>남자</label><label class="form-check-label"><input type="radio" name="gender" class="form-check-input me-2" value="여자">여자</label></div></div><div class="input-group mb-2 border-secondary-subtle"><div class="input-group-text bg-secondary-subtle border-secondary-subtle"><label for="birthday">생일</label></div><input type="date" name="birthday" value="" class="form-control"/></div><div class="input-group mb-2 border-secondary-subtle"><div class="input-group-text bg-secondary-subtle border-secondary-subtle">전화번호</div><select name="tel1" class="form-select"><option value="010" selected>010</option><option value="02">서울</option><option value="031">경기</option><option value="032">인천</option><option value="041">충남</option><option value="042">대전</option><option value="043">충북</option><option value="051">부산</option><option value="052">울산</option><option value="061">전북</option><option value="062">광주</option></select><div class="input-group-text">-</div><input type="text" id="tel2" name="tel2" size=4 maxlength=4 class="form-control"/><div class="input-group-text">-</div><input type="text" id="tel3" name="tel3" size=4 maxlength=4 class="form-control"/></div><div class="mb-2"><div class="input-group mb-1"><input type="text" name="postcode" id="sample6_postcode" placeholder="우편번호를 입력하세요." class="form-control "><input type="button" xxxxxxonclick="sample6_execDaumPostcode()" value="우편번호 찾기" class="btn btn-info"></div><div class="input-group mb-1"><input type="text" name="roadAddress" id="sample6_address" placeholder="주소" class="form-control"></div><div class="input-group mb-1"><input type="text" name="detailAddress" id="sample6_detailAddress" placeholder="상세주소" class="form-control"><input type="text" name="extraAddress" id="sample6_extraAddress" placeholder="참고항목" class="form-control"></div></div><div class="input-group mb-2"><div class="input-group-text bg-secondary-subtle border-secondary-subtle"><label for="homepage">Homepage address:</label></div><input type="text" class="form-control" name="homePage" value="https://" id="homePage"/></div><div class="input-group mb-2"><div class="input-group-text bg-secondary-subtle border-secondary-subtle"><label for="name">직업</label></div><select class="form-select" id="job" name="job"><option>학생</option><option>회사원</option><option>공무원</option><option>군인</option><option>의사</option><option>법조인</option><option>세무인</option><option>자영업</option><option selected>기타</option></select></div><div class="input-group mb-2"><label class="input-group-text bg-secondary-subtle border-secondary-subtle">취미</label><div class="border form-control"><input type="checkbox" class="form-check-input ms-2 me-1" value="등산" name="hobby"/>등산<input type="checkbox" class="form-check-input ms-2 me-1" value="낚시" name="hobby"/>낚시<input type="checkbox" class="form-check-input ms-2 me-1" value="수영" name="hobby"/>수영<input type="checkbox" class="form-check-input ms-2 me-1" value="독서" name="hobby"/>독서<input type="checkbox" class="form-check-input ms-2 me-1" value="영화감상" name="hobby"/>영화감상<input type="checkbox" class="form-check-input ms-2 me-1" value="바둑" name="hobby"/>바둑<input type="checkbox" class="form-check-input ms-2 me-1" value="축구" name="hobby"/>축구<input type="checkbox" class="form-check-input ms-2 me-1" value="기타" name="hobby" checked/>기타</div></div><div class="input-group mb-2"><label for="content" class="input-group-text bg-secondary-subtle border-secondary-subtle">자기소개</label><textarea rows="5" class="form-control" id="content" name="content" placeholder="자기소개를 입력하세요."></textarea></div><div class="input-group mb-2"><label class="input-group-text bg-secondary-subtle border-secondary-subtle">정보공개</label><div class="border form-control"><label class="form-check-label ms-3"><input type="radio" class="form-check-input me-2" name="userInfor" value="공개"/>공개</label><label class="form-check-label"><input type="radio" class="form-check-input me-2" name="userInfor" value="비공개" checked/>비공개</label></div></div><div class="input-group mb-1"><div class="input-group-text bg-secondary-subtle border-secondary-subtle">회원 사진(파일용량:2MByte이내)</div><input type="file" name="fName" id="file" xxxxxxonchange="imgCheck(this)" class="bg-secondary-subtle form-control"/></div><div class="text-end m-0 p-0"><img id="photoDemo" width="100px"/></div><div class="text-center"><button type="button" class="btn btn-success" xxxxxxonclick="fCheck()">회원가입</button> &nbsp;<button type="reset" class="btn btn-warning">다시작성</button> &nbsp;<button type="button" class="btn btn-info" xxxxxxonclick="location.href='MemberLogin.mem';">돌아가기</button></div></form></div><p><br/></p><jsp:include page="/include/footer.jsp" /></body></html>