jQuery Plugin 중에 이름 그대로 validation 기능을 하는 plugin 입니다.
특히 사용자 등록, 수정 또는 검색 조건 입력 부분과 같이 사용자가 입력하는 부분에 validation 체크와 함께 메세지를 편리하게 사용 가능합니다.
장점은 역시 가독성이 좋고 정규화 되어있기 때문에 편리합니다.
특히 if else, for, switch 등등 소스가 정신없이 되어있지만
jQuery Validation Plugin 쓰면 깔끔해서 좋습니다.
사용법은 아래 링크에 들어가시면 예제와 함께 금방 익히실 수 있습니다.
http://jqueryvalidation.org/
$("#formMemberAdd").validate({
rules: {
memId : {
required : true,
rangelength: [4, 12],
remote : {
url : "/config/getMemberValidate",
type : "POST",
data : {
memId : function(){
return $("#memId").val();
}
}
}
},
memName : {
required : true
},
memInterphone : {
required : true,
digits : true
},
grpName : {
required : true
},
memPasswd : {
required : true,
rangelength: [8, 32]
},
confirm_memPasswd: {
required: true,
equalTo: "#memPasswd"
}
},
messages:{
memId : {
required : "아이디는 필수 항목 입니다.",
rangelength: $.validator.format("아이디는 최소 {0}자 이상 {1}자 이하로 입력하세요."),
remote : "이미 등록된 아이디입니다."
},
memName : {
required : "이름은 필수 항목 입니다."
},
memInterphone : {
required : "내선번호는 필수 항목 입니다.",
digits : "숫자로 입력해주세요."
},
grpName : {
required : "조직은 필수 항목 입니다."
},
memPasswd : {
required : "비밀번호는 필수 항목입니다.",
rangelength: $.validator.format("비밀번호는 최소 {0}자 이상 {1}자 이하로 입력하세요.")
},
confirm_memPasswd : {
required : "비밀번호 확인은 필수 항목 입니다.",
equalTo : "비밀번호가 맞지 않습니다."
}
},
errorLabelContainer:$("#error_ul"),
wrapper: 'li',
highlight: function (element) {
$(element).parent().addClass('has-error')
},
unhighlight: function (element) {
$(element).parent().removeClass('has-error')
}
});
| cs |