[jQuery] ajaxForm 플러그인과 validation 플러그인 동시에 사용하기

요약 : ajaxForm 플러그인 beforeSubmit 옵션에 function(){ return $('.myForm').valid(); } 를 넣어 주면 된다.

나는 폼 관련 처리를 할 때 가장 많이 사용하게 되는 게 jQuery ajaxForm 플러그인과 validation 플러그인인 것 같다.

그런데 이 둘을 동시에 사용하게 되면 validate 플러그인이 작동을 하지 않는다.

이 때 해결책은 간단하다. ajaxForm 문서를 살펴 보면 beforeSubmit이라는 옵션이 있는 것을 볼 수 있다. 서브밋하기 직전에 수동으로 validate를 작동하면 된다.

$('.myForm').ajaxForm({
  beforeSubmit: function(){
    return $('.myForm').valid();
  },
  success: thisIsSuccess
});

이렇게 문서를 잘 보면 문제를 잘 해결할 수 있다.