j-query 유효성검사

노드js·자바스크립트

by 김일국 2012. 5. 23. 00:20

소스중에서 messages_ko.js 이부분은 별도의 파일로 만들면 좋을 듯 하다.

첨부파일로 내용을 결과를 확인 하실 수 있습니다.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd“>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-ｅquiv=“Content-Type” content=“text/html; charset=utf-8″ />
<meta name=“author” content=“웹프로그래머” />
<meta name=“description” content=“홈페이지 정보 블로그” />
<meta name=“keywords” content=“자바스크립트,jQuery,JavaScript,UI,datepicker,dialog,validate,filestyle,effects” />
<meta name=“classification” content=“자바스크립트,jQuery,JavaScript,UI,datepicker,dialog,validate,filestyle,effects” />
<title>제이쿼리 정보 데모1</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<SCRIPT type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>

<SCRIPT type="text/javascript">
$(function(){ // submit 시켰을 때 #form을 검증합니다.
$("#form").validate();
});
</script>
<SCRIPT type="text/javascript">
/* * Translated default messages for the jQuery validation plugin. * Locale: KO * Filename: messages_ko.js */
jQuery.extend(jQuery.validator.messages, {
required: "반드시 입력해야 합니다.",
remote: "수정 바랍니다.",
email: "이메일 주소를 올바로 입력하세요.",
url: "URL을 올바로 입력하세요.",
date: "날짜가 잘못 입력됐습니다.",
dateISO: "ISO 형식에 맞는 날짜로 입력하세요.",
number: "숫자만 입력하세요.",
digits: "숫자(digits)만 입력하세요.",
creditcard: "올바른 신용카드 번호를 입력하세요.",
equalTo: "값이 서로 다릅니다.",
accept: "승낙해 주세요.",
maxlength: $.validator.format("{0}글자 이상은 입력할 수 없습니다."),
minlength: $.validator.format("적어도 {0}글자는 입력해야 합니다."),
rangelength: $.validator.format("{0}글자 이상 {1}글자 이하로 입력해 주세요."),
range: $.validator.format("{0}에서 {1} 사이의 값을 입력하세요."),
max: $.validator.format("{0} 이하로 입력해 주세요."),
min: $.validator.format("{0} 이상으로 입력해 주세요.")
});
</script>
</head>
<body>
<form id="form" method="get" action="">
<fieldset>
        <legend>잘 적어 주세요</legend>
        <p>
  <label for="cname">이름 (필수, 최소 2글자)</label>
  <input id="cname" name="name" class="required" minlength="2" />
        <p>
  <label for="cemail">E-Mail (필수)</label>
  <input id="cemail" name="email" class="required email" />
        </p>
  <p>
  <label for="csex">성별 (필수)</label>
  <input id="csex" name="sex" type="radio" class="required"/>
  <input id="csex" name="sex" type="radio" />
        </p>
        <p>
  <label for="curl">URL (선택)</label>
  <input id="curl" name="url" class="url" value="" />
  </p>
  <p>
  <label for="ccomment">남기실 말씀 (필수)</label>
  <textarea id="ccomment" name="comment" class="required"></textarea>
        </p>
        <p>
  <input class="submit" type="submit" value="Submit"/>
        </p>
</fieldset>
</form>
</body>
</html>

jquery_validate.html

0.0MB

'노드js·자바스크립트' 카테고리의 다른 글

제이쿼리로 입력폼의 빈값 체크하는 함수 입니다. (0)	2014.05.16
다음 API 로 본인 블로그 최신글 뽑아오는 코드 (0)	2014.02.26
j-query 시작 (0)	2012.05.14
현재창 영역프린트 및 팝업창으로 영역프린트 하는 방법 (0)	2010.10.06
j-Query 로 내용 아코디언 형식으로 보였다 숨겼다 하기 (0)	2010.10.04