[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
});

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

카테고리 글 목록 👉

,

대표글

“[jQuery] ajaxForm 플러그인과 validation 플러그인 동시에 사용하기”에 대한 3개의 응답

  1. […] [추신] validate 플러그인과 동시에 사용하려면 beforeSubmit 옵션을 사용한다. […]

  2. […] [2012-02-21 추가] ajaxForm플러그인과 동시에 사용하려면 valid 함수를 사용한다. […]

  3. […] 追加]ajaxFormプラグインと 同時に 使おうとすれば valid 関数を 使う. google_ad_client = "ca-pub-4085781408395472"; /* 728×90 */ google_ad_slot = "8630977240"; […]

jQuery ajaxForm plugin을 사용해 보자 | 웹으로 말하기 에 응답 남기기응답 취소