Class > 팁앤테크

HOME > Class > 팁앤테크

강좌게시판

Tip&Tech

Download

베스트 Q&A

[스크립트] 유연한 자동 폼 검사기 v1.21
글쓴이	거친마루	날 짜	03-10-02 14:11	조 회	8565
Link1	http://maniacamp.com/example/validate_howto.html (796)
Link2	http://maniacamp.com/js/lib.validate.js (635)
초기 버전을 만든지 딱 1년만이군요^^ 지난 버전도 많이 어설펐지만 실무에 적용해 사용해왔기에 감히 버전 1 을 붙였습니다. 이번엔 여러개로 나눠진 항목에 대한 검사가 가능하도록 했구요 패스워드 재확인에 응용할 수 있도록 체크하는 부분도 넣었습니다. 사용 방법은 링크에 있는 도큐먼트를 참조하세요 지난번 버전에서 큰 버그가 있었는데.. 폼 태그안에 fieldset이 있으면 에러가 난다는점입니다. fieldset도 form.elements 에 포함이 되지만 name 이나 value 속성이 없어서 loop 돌때 에러가 납니다.. 폼검사기 여러가지 버전이 개발된걸 봤는데.. 그분들도 참고해서 고쳐두시면 좋을듯 싶습니다. 그간 만들어진 스크립트들을 훑어봤는데 다들 각자 작업하시는 방법대로 멋지게 고쳐서 쓰시고 계시더군요.. 멋지게 고쳐진부분이나 버그 발견하시면 메일 주십사 부탁했는데.. 버그 신고하신분 두분 계셨고.. 새로 만드신건 아무도 안보내주셨습니다 ㅠ.ㅠ 각설하고.. 이번 버전은 약간 과도기적 버전이 될수도 있구요 라디오, 체크박스, 셀렉트박스의 값에대한 검사 부분도 다음버전에는 포함시키겠습니다. 현재 그 부분은 lib.forms.js로 나눠져있는데 합쳐야될찌 고민중입니다 ^^ 합치면 덩치가 커지는데.. 생각해보면 두개를 같이 쓰는경우가 많아서요.. 링크1은 간단한 문서 파일이고 링크2는 다운받을 수 있는 위치입니다. 버그나 요청사항 있으시면 피드백 주시면 감사하겠습니다 (_ _)

.... 03-10-02 14:13 |삭제

이전 버전 잘 쓰고 있습니다.^^ 이 버전도 기대됩니다. 감사합니다.

거친마루 03-10-02 14:24 |삭제

http://maniacamp.com/example/validate-me.html
활용 예제입니다

우쭈 03-10-02 14:51 |삭제

질문이요.
익스플로러에서는 type, name, size 등등의 기본적으로 사용가능한 옵션네임을 외에 hname 등의 사용자 임의의 옵션네임이 사용가능한거 같던데..
넷스케이프에서는 지원이 않되는걸로 알고있습니다.
넷스케이프에서 사용가능한가요?
사용못한다면.. 사용할수 있는 다른 방법은 없나요?

거친마루 03-10-02 15:00 |삭제

element.attribute 형태로는 사용 못하지만
element.getAttribute(\＇attribute\＇) 메소드를 쓰면 똑같이 사용하실수 있습니다. 제 스크립트도 그걸 감안은 해서 만들었는데 간혹 빼먹었을수도 있겠네요 모질라 계열 쓰시는분중 테스트해보시고 동작 안하면 피드백 주세요

우쭈 03-10-02 15:14 |삭제

오호~ 그러큰요~ 정보 감사합니다요~

pm 03-10-02 15:57 |삭제

저도 추가적으로 고쳐서 사용하는데요
REQUIRED부분을 아래와 같이고치고
        if (el.getAttribute(\"REQUIRED\") != null) {
            if (el.type.toLowerCase() == \"radio\" || el.type.toLowerCase() == \"checkbox\")
            {
                if(!chkRadio(this,el)) return doError(el,NO_BLANK);
            }
            if (el.value == null || el.value == \"\") {
                return doError(el,NO_BLANK);
            }
        }

function chkRadio(str){
    for (j=0;j<str.length;j++) {
        if (str[j].checked) return true
    }
    return false;
}
추가해주시면 라이오나 셀렉트도 체크할수 있습니다.

pm 03-10-02 16:00 |삭제

앗 제가 수정한부분이 그거말고도 있군요... 답글로 달아보겠습니다.

사랑굳 03-10-02 16:53 |삭제

<input type=\"text\" name=\"jumin1\" size=\"6\" hname=\"주민번호\" option=\"jumin\" required span=\"2\" glue=\"-\">
- <input type=\"text\" name=\"jumin2\" size=\"7\">

이게 사용가능하겠네요.
주민번호 체크 때문에 고생고생해서 스크립 추가했었는뎅
헛고생됐네요..ㅋㅋ

전영규 03-10-03 14:28 |삭제

많은 도움이 되는 팁이네요. ^^

그런데 아이디 체크할때, 길이제한이 변경되지 못하는 것이 아쉽고,
패턴체크하는 게 좀 더 체계적(?)이 되어야 하지 않을까 싶습니다.
또 길이 제한에 대해, 저는 좀 더 간단한 방법을 쓰고 있는데, 소스를 좀 고쳐서 응답글로 올릴께요.
부족한 실력이지만 유용했으면 좋겠습니다.
-- jeon.

북극곰 03-10-04 09:30 |삭제

제가 바꾼건 보여드린걸로 기억하는뎅 ㅜㅜ;; 섭합니다요. ㅋㅋ

게시물 11,975건

번호	분류	제목	글쓴이	날짜	조회
11,975	버그	퐝당한 Firefox 버그 [9]	시우施雨	10-07-29	342
11,974	함수	[PHP] 트위터(?) 처럼 날짜데이터를 간소하게 출력 [8]	우사인볼트	10-07-24	640
11,973	함수	[PHP5] CF Menu 0.1.1	그네	10-07-22	617
11,972	스크립트	jquery ellipsys 입니다. [6]	멍그	10-07-19	759
11,971	스크립트	[jquery] .live 에서 change 이벤트 사용하기(꼼수임) [5]	쿨보이교원	10-07-15	578
11,970	DBMS	MSSQL > MySQL 데이터 이전 관련 1원 Tip [1]	AJ식이님	10-07-13	626
11,969	스크립트	DatePicker 날짜 종료일 체크. [3]	쿨보이교원	10-07-12	503
11,968	정보	한글 HWP 문서파일 양식 공개 [8]	사악한박대리	10-07-12	822
11,967	HTML	CSS(CLASS)를 사용한 SHOW , HIDE 방법 [12]	공대여자	10-07-10	694
11,966	스크립트	[jQuery] datePicker ------ 가능한 종료일 체크[보완수정] [6]	쿨보이교원	10-07-09	471
11,965	정보	다음 실시간이슈 검색어 XML 출력하기 [5]	쿠레이지쌩	10-07-08	707
11,964	스크립트	jquery 자동완성 autocomplete 기능 쉽게 적용하기 [6]	제부도소년	10-07-08	847
11,963	알고리즘	SOAP [4]	나눔이란	10-07-07	682
11,962	기타	네이트온 프록시 서버 설정하기 (무료) [2]	가비만세	10-07-05	1007
11,961	기타	프록시 서버 (High anonymous) 사용자 체크 하기. [8]	KzMJN	10-06-25	1040
11,960	설치/설정	[asp] 업로드 컴포넌트 (nfupload+freeaspupload)	봄돌ㅤ	10-06-23	899
11,959	함수	쉽게 쉽게 Xpath 함수	다프린	10-06-19	1127
11,958	스크립트	ajax(jquery) 무한 스크롤 스크롤 끝에 가면 다음 데이터 로드 [6]	daniselseo	10-06-14	1829
11,957	함수	게시물이 삭.제. 되었습니다. [2]	BiHon	10-06-09	1146
11,956	함수	게시물이 삭.제. 되었습니다. [13]	BiHon	10-06-07	1617

12 3 4 5 6 7 8 9 10