[그누보드 웹표준 Project] validate.js > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

[그누보드 웹표준 Project] validate.js 정보

[그누보드 웹표준 Project] validate.js

첨부파일

validate.js (1.8K) 89회 다운로드 2009-03-06 11:13:07

본문

zzz님이 좋은 일을 하시는데 조금이나마 보탬이 되고자 글 올립니다^^
저도 1년전 즈음에 그누보드를 표준화할려고 시도해보았는데,
구조적으로 어려운 부분이 있어서 포기하고 아예 다시 만들었는데요 ㅎㅎ

아무튼 아래 zzz님이 올려놓은 아웃로그인 스킨에 적어놓은 것처럼
그누보드의 필드 유효성 체크부분이 xhtml에 맞지 않습니다.
jQuery로 하면 좋을텐데 아직 제가 열공중이라서 많이 부족하고,
대신 예전에 만들어놓은 예제 올려봅니다.

첨부파일을 web2/css_js에 업로드하고 head.sub.php에 한줄 추가합니다.
<script type="text/javascript" src="<?php echo $Web2['css_js']?>/validate.js" charset="utf-8"></script>

[사용예제 1 : 단순 유효성검사]
<form ~ onsubmit="return validate_form(this);">
    <p><input type="text" name="id" title="아이디" class="required id" /></p><!-- 필수:아이디 -->
    <p><input type="text" name="password" title="비밀번호" class="password" /></p><!-- 선택:비번 -->
    <p><input type="submit" name="submit" value="로그인" /></p>
</form>

[사용예제 2 : 단순 유효성검사 + 추가검사]
<form ~ onsubmit="return 함수명(this);">
    <p><input type="text" name="id" title="이메일" class="required email" /></p><!-- 필수:이메일 -->
    <p><input type="text" name="password" title="닉네임" class="nickname" /></p><!-- 선택:닉네임 -->
    <p><input type="submit" name="submit" value="로그인" /></p>
</form>
<script type="text/javascript">
function 함수명(form)
{
    if(validate_form(form) == false) return false;
    .... 생략 ....
    if(window.confirm("정말로 로그인을 할래요?") == false) return false;
    .... 생략 ....
    return true;
}
</script>

ps1. 파일안에 PATTERN 부분은 그누보드에 맞게 수정해야 합니다.
PATTERN["id"] = /^[0-9a-z]{4,12}$/; => 그누보드는 하이픈도 가능할껍니다;;; 아무튼

ps2. 다양한 패턴은 못넣었습니다. 사용자분들이 추가해서 계속 업뎃하면 좋겠네요, 죄송~

ps3. 메시지출력은 모두 MESSAGE로 빼냈습니다. 나중에 있을지모르는 다국어를 위해서^^
추천
6

댓글 3개

전체 3,313 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT