728x90
<form action="regiAf.do" method="post">
<table border="1">
<tr>
<th>아이디</th>
<td>
<input type="text" name="id" id="id" size="20" placeholder="아이디">
<input id="id_chk_btn" value="id확인"><br>
<p id="idcheck" style="font-size: 8px"></p>
</td>
</tr>
<tr>
<th>패스워드</th>
<td>
<input type="text" name="pwd" id="pwd" size="20">
</td>
</tr>
<tr>
<th>이름</th>
<td>
<input type="text" name="name" size="20">
</td>
</tr>
<tr>
<th>이메일</th>
<td>
<input type="text" name="email" size="20">
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="회원가입">
</td>
</tr>
</table>
</form>
위와 같이 간단한 회원가입 폼을 구현하였다.
이때 회원가입과 아이디중복확인 2가지 버튼이 있는데, 위와 같이 코드를 작성하면 아이디 체크일 때도 자동으로 제출이 된다(submit)
이때 간단하게 아이디 체크 버튼의 타입을 button으로 지정하면 submit이 자동으로 되는것을 막을 수 있다.
<input type="button" id="id_chk_btn" value="id확인"><br>
'프론트엔드' 카테고리의 다른 글
React swiper 라이브러리 사용 (0) | 2023.08.21 |
---|---|
리엑트 fullCalender 라이브러리 사용 (0) | 2023.08.16 |
리엑트 페이지네이션 라이브러리(react+ SpringBoot) (0) | 2023.08.11 |
React 프로젝트 생성 및 기초 (0) | 2023.08.08 |
JSP로 게시판 만들기 (0) | 2023.07.02 |