<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<script type="text/javascript" src="/js/jquery-1.10.1.js"></script>
<script>
function fnSubmit(){
if(fnMemberValidation() == false) return;
if(confirm("저장하시겠습니까?")){
alert("OK");
}else{
return;
}
}
function fnMemberValidation(){
if($.trim($('#name').val()) == ''){
alert("성명을 입력하십시오.");
$('#name').focus();
return false;
}
if($.trim($('#email').val()) == ''){
alert("이메일주소를 입력하십시오.");
$('#email').focus();
return false;
}else{
var emailExp = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if(!emailExp.test($('#email').val())){
alert("이메일주소가 유효하지 않습니다.");
$('#email').focus();
return false;
}
}
if(!($('#genderM')[0].checked == true || $('#genderW')[0].checked == true)){
alert("성별을 선택하십시오.");
$('#genderM').focus();
return false;
}
if($('#smsyn').is(':checked') == false){
alert("동의하십시오.");
$('#smsyn').focus();
return false;
}
if(($.trim($('#zipcode1').val()) == '') || ($.trim($('#zipcode2').val()) == '')){
alert("우편번호를 입력하십시오.");
$('#zipcode1').focus();
return false;
}else{
var zipExp = /^\d{3}-\d{3}/;
var zipCode = $('#zipcode1').val() + "-" + $('#zipcode2').val();
if(!zipExp.test(zipCode)){
alert("우편번호가 유효하지않습니다.");
$('#zipcode1').focus();
return false;
}
}
return true;
}
</script>
<title>JQuery폼체크</title>
</head>
<body>
<form id="frm" method="post" action="">
<table width="600" cellpadding="1" cellspacing="1" border="1">
<colgroup><col width="20%"/><col width="80%"/></colgroup>
<tr>
<td><label for="name">성명</label></td>
<td><input type="text" name="name" id="name" value="" title="성명"/></td>
</tr>
<tr>
<td><label for="email">이메일</label></td>
<td><input type="text" name="email" id="email" value="" title="이메일"/></td>
</tr>
<tr>
<td><label for="gender">성별</label></td>
<td>
<input type="radio" name="gender" id="genderM" value="M" title="남"><label for="gender">남</label>
<input type="radio" name="gender" id="genderW" value="W" title="여"><label for="gender">여</label>
</td>
</tr>
<tr>
<td><label for="smsyn">SMS수신여부</label></td>
<td>
<input type="checkbox" name="smsyn" id="smsyn" title="SMS수신여부"/>
</td>
</tr>
<tr>
<td><label for="name">우편번호</label></td>
<td>
<input type="text" name="zipcode1" id="zipcode1" value="" title="우편번호앞" size="4"/>-
<input type="text" name="zipcode2" id="zipcode2" value="" title="우편번호뒤" size="4"/>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="저장" onclick="javascrip:fnSubmit();"/>
<input type="reset" value="취소"/>
</td>
</tr>
</table>
</form>
</body>
</html>
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<script type="text/javascript" src="/js/jquery-1.10.1.js"></script>
<script>
function fnSubmit(){
if(fnMemberValidation() == false) return;
if(confirm("저장하시겠습니까?")){
alert("OK");
}else{
return;
}
}
function fnMemberValidation(){
if($.trim($('#name').val()) == ''){
alert("성명을 입력하십시오.");
$('#name').focus();
return false;
}
if($.trim($('#email').val()) == ''){
alert("이메일주소를 입력하십시오.");
$('#email').focus();
return false;
}else{
var emailExp = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if(!emailExp.test($('#email').val())){
alert("이메일주소가 유효하지 않습니다.");
$('#email').focus();
return false;
}
}
if(!($('#genderM')[0].checked == true || $('#genderW')[0].checked == true)){
alert("성별을 선택하십시오.");
$('#genderM').focus();
return false;
}
if($('#smsyn').is(':checked') == false){
alert("동의하십시오.");
$('#smsyn').focus();
return false;
}
if(($.trim($('#zipcode1').val()) == '') || ($.trim($('#zipcode2').val()) == '')){
alert("우편번호를 입력하십시오.");
$('#zipcode1').focus();
return false;
}else{
var zipExp = /^\d{3}-\d{3}/;
var zipCode = $('#zipcode1').val() + "-" + $('#zipcode2').val();
if(!zipExp.test(zipCode)){
alert("우편번호가 유효하지않습니다.");
$('#zipcode1').focus();
return false;
}
}
return true;
}
</script>
<title>JQuery폼체크</title>
</head>
<body>
<form id="frm" method="post" action="">
<table width="600" cellpadding="1" cellspacing="1" border="1">
<colgroup><col width="20%"/><col width="80%"/></colgroup>
<tr>
<td><label for="name">성명</label></td>
<td><input type="text" name="name" id="name" value="" title="성명"/></td>
</tr>
<tr>
<td><label for="email">이메일</label></td>
<td><input type="text" name="email" id="email" value="" title="이메일"/></td>
</tr>
<tr>
<td><label for="gender">성별</label></td>
<td>
<input type="radio" name="gender" id="genderM" value="M" title="남"><label for="gender">남</label>
<input type="radio" name="gender" id="genderW" value="W" title="여"><label for="gender">여</label>
</td>
</tr>
<tr>
<td><label for="smsyn">SMS수신여부</label></td>
<td>
<input type="checkbox" name="smsyn" id="smsyn" title="SMS수신여부"/>
</td>
</tr>
<tr>
<td><label for="name">우편번호</label></td>
<td>
<input type="text" name="zipcode1" id="zipcode1" value="" title="우편번호앞" size="4"/>-
<input type="text" name="zipcode2" id="zipcode2" value="" title="우편번호뒤" size="4"/>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="저장" onclick="javascrip:fnSubmit();"/>
<input type="reset" value="취소"/>
</td>
</tr>
</table>
</form>
</body>
</html>
입력폼에 입력되는 값의 유효성 체크하기 두번째