JQuery Validation(Validate) Plugin

JQuery Validate 활용시 참고할 소스

특정 조건에 따라 validation 유무 결정을 하고 싶은 경우(You could use depends on rule to apply a conditional validation)

rules: {
  someField: {
    required: true,
    email: {
      depends: function(element) {
      // 특정 조건이 만족하는 경우 email validation을 확인한다.
        return $("#contactform_email:checked");
      }
    }
  }
}

에러 메시지를 다양한 형태로 변형하고자 하는 경우(showErrors)

$('#someForm').validate({
  showErrors: function(errorMap, errorList) {
    if (errorList && errorList[0]) {
      alert(errorList[0].message);
    }
  },
  rules: {
  }
  [...]
}	

에러 메시지를 출력할 위치를 변경하고자 하는 경우(errorPlacement)

$('#someForm').validate({
    errorElement: "span",
    errorPlacement: function(error, element) {
        error.insertAfter(element);
        error.css("margin", "0 0 0 5px");
    }
});

• errorElement를 활용해 에러 메시지의 태그를 변경하는 것이 가능하며, 위치는 errorPlacement 속성을 활용해 변경 가능하다.

JQuery Validate

• JQuery Validation 프레임워크를 사용할 때 에러 메시지 출력 위치와 CSS를 변경하고자 할 경우
• jQuery override default validation error message display (Css) Popup/Tooltip like

출처 - http://www.javajigi.net/display/WEB20/JQuery+Validation(Validate)+Plugin