2009년 12월 27일 일요일

jQuery Plugin (폼 체크)

오랫만의 포스팅..

프로젝트하랴.. 친구들 상대하랴.. 연말이랴...

나 자신에 대한 기록들을 소홀히 한 것 같아 내 자신에게 미안해지는구나!

 

 

내 스스로의 기록들을 위한 포스팅..

 

지금 프로젝트에 쓰이고 있는 효과인데.. 간단한 플러그인을 만들어보았다.

 

지겨운 alert창 .... 일일이 텍스트필드를 체크하며 아래와 같은 소스코드를 반복한다.

 

if(sadasd.value=="")

  alert("xxxxx를 입력하세요");

  sadasd.focus();

else if(sdsad1.value=="")

  alert("yyyy를 입력하세요..");

else...

.

else..

 

 

 

입력텍스트가 수십개라면 저렇게 일일이 체크하고 설명하고, 포커스를 갖다줘야 하는가?

 

저짓은 정말... 개발자나 유저에게나 서로에게 힘든일인것 같다.

간단하면서도 심플한 시각적인 효과로 필수 입력창을 알리면

개발자도 편하고 유저의 입장에서도 짜증나는 얼럿 경고창 확인 눌러대지 않아도 된다.

 

그래서 만든 텍스트 입력창 체크 플러그인.....( 이런건 널렸지만..)

 

 

 
이런 텍스트가 입력 필드가있다.

 

 
입력하지 않고 ADD를 누르면 주어진 색깔대로 배경을 바꾼다.

 

 
주어진 시간 경과후 다시 원래 색깔대로 돌아간다.

 

 

 

소스는 더럽게 허접하고 간단해서..... 1초만 봐도 알게된다..;

 

댓글 3개:

  1. trackback from: jQuery Form Validation Plugin 폼 검증 플러그인 간단 사용법
    jQuery의 validation(검증) 플러그인이다. 일단 데모 페이지부터 보면 어떤 건지 알 수 있을 것이다. validation 플러그인 데모 페이지 사용법은 사실 데모 페이지 긁어와서 이름만 고치는 정도로도 알 수 있을 텐데, 몇 가지 써 보자. 두 가지 방법으로 사용할 수 있다. 첫 번째는 심플한 방법이다. 첫 번째 방법 이 방법은 위 데모 페이지에서 위쪽에 있는 예시에 사용된 방법이다. △이 첫 번째 방법은 javascript 코드가 간단..

    답글삭제