본문 바로가기
Programming/jQuery

jQuery를 이용한 클라이언트 측 폼 검증(Form Validation)

by 신규하 2009. 9. 5.

웹 페이지를 작성하다 보면 폼검증에만 많은 시간을 낭비 할 경우가 많습니다. 서버 측에서도 하지만, 클라이언트에도 폼을 검증하기 위해서 각 폼의 이름과 내용을 확인하면서 자바 스크립트를 짜게 되죠.
하지만, 이 jQuery 플러그인을 사용 한다면, 그런 걱정이 반으로 덜 것 같습니다.

VanadiumJS는 클라이언트 사이드에서 폼 검증을 하는 파워풀한 jQuery plugin입니다.
Ajax를 이용해서 서버측 결과 값도 받을 수 있습니다.

이 플러그인을 사용하시면 2가지 방법으로 폼을 검증 하실 수 있습니다.

  • JSON 구조를 이용한 검증.
  • 인라인 검증

그리고 사용 방법은,  정말 허망 하다 싶을 정도 간단합니다.

제가 게으른 관계로 사이트에서 캡쳐해서 간단한것만 보여 드리겠습니다 ^^;;

아래는 폼이 비었는지를 체크하는 방법입니다.

이건 JSON 이용해서 서버의 값을 받아서 비교하는 방법입니다.

위와 같의 간단한 클래스의 지정 만으로 폼 검증을 할 수 있게 되는 겁니다.

참 쉬죠잉?

자세한 내용은 홈페이지를 참조 하시면 됩니다.

그런데 좀 아쉬운 점이 있습니다.

멀티 랭귀지를 지원 할려고 하면, 코드를 손을 봐야 한다는 단점이 있습니다. 코드 안에 오류 구문들이 떡하니 박혀 버려서.. 해당 언어를 사용 할 때는 코드 내부를 좀 고쳐서 써야 합니다.

댓글