Jquery validation

참조 : http://love2u.be/40

JqueryValidation.zip

+ jquery-1.4.2.min.js

+ jquery.validate.js

+ validation.js (예제)

Validation EX

$(document).ready(function() {
    $("#joinForm").validate({
        rules: {
            name:{required: true, minlength: 2, maxlength: 4, kor_eng: true},
            age :{required: true, minlength: 1, maxlength: 2, number: true},
            job :{required: true, minlength: 3, maxlength: 20},
            address :{required: true, minlength: 3, maxlength: 20},                    
        },
        messages: {
            name: {required: "이름을 입력하세요",minlength: jQuery.format("{0}자리 이상"),maxlength: jQuery.format("{0}자리 이하"), kor_eng: "한글과 영문만 가능"},
            age : {required: "나이를 입력하세요",minlength: jQuery.format("{0}자리 이상"),maxlength: jQuery.format("{0}자리 이하"), number: "숫자만 가능"},
            job : {required: "직업을 입력하세요",minlength: jQuery.format("{0}자리 이상"),maxlength: jQuery.format("{0}자리 이하")},
            address: {required: "주소를 입력하세요",minlength: jQuery.format("{0}자리 이상"),maxlength: jQuery.format("{0}자리 이하")},
        },
        success: function(label) {
            label.html(" ").addClass("checked");
        }
    });
});