메뉴 건너뛰기

조회 수 2092 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<%@ 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>&nbsp;
   <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>


  1. No Image 06Sep
    by
    2018/09/06 Views 2647 

    [jQuery] 확인 창(confirm), 페이지 이동(location.replace)

  2. 드래그 & 드랍 구현 - on()[이벤트리스너]

  3. 외부 파일 드래그 드롭 구현

  4. No Image 06Sep
    by
    2018/09/06 Views 2620 

    페이지 이동 제어 - href, replace, pushState()

  5. 입력폼에 입력되는 값의 유효성 체크하기 두번째

  6. No Image 06Sep
    by 조쉬
    2018/09/06 Views 2092 

    jQuery 폼 입력값 체크 예제

  7. No Image 06Sep
    by
    2018/09/06 Views 5330 

    jquery - select option 선택값 가져오기

  8. No Image 25Jul
    by
    2018/07/25 Views 2558 

    jQuery selectBox 컨트롤.

  9. No Image 04Jul
    by
    2018/07/04 Views 3362 

    jQuery 유효성 검사

  10. No Image 04Jul
    by
    2018/07/04 Views 4657 

    jquery 체크박스 배열 처리. 변수 하나에 담기.

  11. jquery css div, li 리스트 선택한 메뉴 변경 출처: http://okkks.tistory.com/1062 [이건없지]

  12. No Image 27Mar
    by
    2017/03/27 Views 8702 

    jquery를 활용한 입력폼 초기화하기

  13. No Image 11Mar
    by
    2017/03/11 Views 7791 

    Ajax 파일 업로드 샘플 코드

  14. No Image 06Mar
    by
    2017/03/06 Views 9028 

    파일 업로드 방법, 이미지 파일 업로드 예제 소스

  15. 예제로 만나보는 제이쿼리 - 비동기 파일업로드

  16. No Image 02Mar
    by
    2017/03/02 Views 11799 

    jQuery 입문: form 데이터 유효성 검사

  17. No Image 02Mar
    by
    2017/03/02 Views 6681 

    jQuery 실행패턴

  18. No Image 02Mar
    by
    2017/03/02 Views 10557 

    jquery 이용한 필수입력체크(input form)

  19. No Image 02Mar
    by
    2017/03/02 Views 7511 

    검토하기: jQuery를 이용하여 form 처리하기

  20. No Image 22Dec
    by
    2016/12/22 Views 10481 

    셀렉트박스에서 특정 옵션 선택시 레이어 나타내기

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved