|
|
http://wannainfo.tistory.com/entry/javascript-%ED%9A%8C%EC%9B%90-%EA%B0%80%EC%9E%85-%ED%8F%BC-%EC%B2%B4%ED%81%AC - [javascript] 회원 가입 폼 체크
자바 스크립트
/* 회원가입폼 - 데이터 유무 체크*/
function memberChk()
{
var check = document.frm;
if (check.member_id.value == "") {
alert("아이디를 입력하세요");
check.member_id.focus();
return false;
}
if (check.member_password.value == "") {
alert("비밀번호를 입력하세요");
check.member_password.focus();
return false;
}
if (check.member_password_check.value == "") {
alert("비밀번호를 다시한번 입력해주세요");
Acheck.member_password_check.focus();
return false;
}
if (check.member_password.value != frm.member_password_check.value) {
alert("비밀번호가 다릅니다.");
check.member_password.value = "";
check.member_password_check.value = "";
check.member_password.focus();
return false;
}
if (check.member_name.value == "") {
alert("이름을 입력해 주세요");
check.member_name.focus();
return false;
}
if (check.member_regident1.value == ""
|| check.member_regident2.value == "") {
alert("주민등록번호를 입력하세요");
return false;
}
/* 폼체크를 모두 통과하면 폼을 submit 한다. */
check.submit();
}
<form action="member_register.jsp" method="post" name="frm">
<table style="border: 1px dashed #aaaaaa; width: 460px;" cellpadding="0" cellspacing="0">
<h3>
<br>★ 회원 가입에 필요한 입력 항목입니다.★ <br>
<br>
</h3>
<tr height="45">
<td width="90" align="center">아이디</td>
<td><input type="text" name="member_id" size="16" maxlength="12"> </td>
</tr>
<tr height="45">
<td align="center">비밀번호</td>
<td><input type="password" name="member_password" size="16" maxlength="12">
</tr>
<tr height="30">
<td align="center">비밀번호확인</td>
<td><input type="password" name="member_password_check" size="16" maxlength="12" ></td>
</tr>
<tr height="30">
<td align="center">이름</td>
<td><input type="text" name="member_name" size="20" maxlength="5"></td>
</tr>
<tr align="center" style="background-color: #ccc;">
<td colspan="3" height="30"><input type="button" value="등록" onClick="memberChk()">
<input type="reset" value="취소"></td>
</tr>
</table>
</form>
http://annehouse.tistory.com/142 - 회원가입Form => 검증 후 submit()실행하도록! (JSP + Javascript)
1. Form 작성
2. 전송버튼 -> 검증
3. ┌ 성공 -> 전송
└ 실패 -> 다시 입력
하세요!
4. 성공할 때까지 2번으로 돌아가서 반복
========================= Client.html
=======================
★ 전송버튼을 button타입으로 할때,
<HEAD>
<script language='javascript'>
function formChk(){
if(document.joinForm1.id.value==''){
alert("id를 입력하세요!!");
document.joinForm1.id.focus();
}else
if(document.joinForm1.pass1.value==''){
alert("password를 입력하세요!!");
document.joinForm1.pass1.focus();
}else{
document.joinForm1.submit();
}
}
</script>
</HEAD>
<BODY>
<Form name="joinForm1" action="Form.jsp" method="post">
<input
type="button" value="전송"
onClick="javascript:formChk()">
</BODY>
=========================
Client1.html =======================
★ 전송버튼을 submit타입으로 할때,
<HEAD>
<script language='javascript'>
function
formChk(){
if(document.joinForm1.id.value==''){
alert("id를
입력하세요!!");
document.joinForm1.id.focus();
}else
if(document.joinForm1.pass1.value==''){
alert("password를 입력하세요!!");
document.joinForm1.pass1.focus();
}else{
document.joinForm1.submit();
return true;
}
}
</HEAD>
<BODY>
<Form name="joinForm1" action="Form.jsp" method="post"
onSubmit="formChk();return false">
<input type="submit"
value="전송">
</BODY>
========================= Form.jsp
===================================
<%@page
contentType="text/html;charset=EUC-KR"
pageEncoding="EUC-KR"%>
<HTML>
<HEAD>
<TITLE>회원가입 입력 내용
보기</TITLE>
</HEAD>
<BODY>
<h2>입력한 정보
</h2>
<%
request.setCharacterEncoding("EUC-KR");
String id =
request.getParameter("id");
String pass1 = request.getParameter("pass1");
out.println("id : " + id + "<br>");
out.println("pass1 : " +
pass1 + "<br>");
%>
</BODY>
</HTML>
=====================================================================
★
자식창에서 부모창 열 때,
childWindow = window.open("","이름");
'차근차근 > JAVA Script' 카테고리의 다른 글
| 정규표현식 (0) | 2014.07.29 |
|---|---|
| innerHTM (0) | 2014.07.29 |
| 이메일 유효성 검사 (0) | 2014.07.29 |
| [자바스크립트] 정규식 한글만, 영어만, 숫자만 유효성 검사 (0) | 2014.07.29 |
| 스크립트 내에 주석이유는? (0) | 2014.07.29 |