본문 바로가기

폼 유효성 검증2

폼 값 유효성 검증 jquery.validate.js - 두번째 폼 유효성 검증에서 회원아이디를 검증할 때, 글자수만 검증을 했었는데, 알파벳과 숫자로만 아이디를 만들수 있다고 할 경우에는 어떻게 해야하는지 좀 찾아봤습니다. validator에 검증을 위한 새로운 method 를 추가해서 사용이 가능하더군요. 룰을 설정해주던 부분에 아래와 같이 method를 추가하고, rules 와 messages 에도 수정을 해 줍시다. $(document).ready(function() { jQuery.validator.addMethod("alphanumeric", function(value, element) { return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value); }); $('#form_signup').validate(.. 2012. 12. 23.
폼 값 유효성 검증 jquery.validate.js 이번에는 폼 유효성 검증, form validation 에 대해서 알아보겠습니다. 회원가입 페이지에서 아이디, 암호, 이메일 등을 입력하고, 서버쪽으로 정보를 전송하게 되지요. 만일 이때, 제대로된 이메일 주소의 형태를 가지지 않는 입력값이다던지, 요구한 형태에 맞지 않은 정보가 포함되어 있으면 어떻게 처리하는 것이 좋을까요? 우선 클라이언트쪽에서도 값들을 서버로 전송하기 전에 검증을 해보고, 서버 측에서도 다시 검증을 하고 처리후, DB에 저장을 해야겠지요. 서버쪽 부담을 덜어준다는 의미에서도 클라이언트쪽에서의 폼 유효성 검증은 필요한 작업입니다. 클라이언트쪽에서 돌아가는 프로그램은 자바스크립트죠. 서버는 PHP... 간단하게 아래의 회원가입 폼이 있다고 가정합시다. SIGN UP 아이디 비밀번호 비밀.. 2012. 12. 23.