[그누보드 웹표준 Project] validate.js 정보
[그누보드 웹표준 Project] validate.js첨부파일
본문
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로 빼냈습니다. 나중에 있을지모르는 다국어를 위해서^^
저도 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
6
댓글 3개
정규식.... 느낌 좋은데요!
수고 많으셨습니다.
수고 많으셨습니다.
워어 껌줒었다.
좋은 팁 감사합니다. 추천 함께~~