jQuery 유효성 검사 양식 (ajax로드 양식)

jquery 유효성 검증을 사용하는 양식이 있습니다. 양식을 제출 한 후 Ajax를 통해 동일한 양식을로드합니다. jquery 유효성 검사가 아약스로드 된 양식 작동하지 않습니다. 스택 오버플로에 대한 답변을 시도했지만 불행하게도 작동하지 않습니다. 당신이 DOM에 새 양식을로드 한 후 당신이 이전에로드 된 것과 다른 DOM 요소이기 때문에jQuery 유효성 검사 양식 (ajax로드 양식)

덕분에 아즈

출처

2013-05-16 azeem

을에 사용하십시오. .

예 :

$(document.body).on('click', '.submitBtn', function(){ 
     $("#form").validate({ 
      submitHandler: function() { 
       // do anything 
     } 
    }); 
});

출처

2014-04-25 10:40:47

감사합니다 Shilphi 당신은 훌륭한 일을했습니다. – azeem

-1

, 당신은 그것을 검증 플러그인을 다시 초기화해야합니다. 새 HTML을 DOM에로드하는 AJAX 콜백 함수에서이 작업을 수행해야합니다.

출처

2013-05-16 04:48:01 Barmar

안녕 Barmar, 내가 JS 잘 모르겠습니다으로 검증이 플러그인 JS – azeem

전화'$를 다시로드 ()을 의미 plugin.You 다시 초기화 할 수 있습니다 방법을 말씀 해주십시오 .validate ({options ...})'콜백 함수에서. – Barmar

설명에서 새 DOM 요소가 문제를 일으키는 것처럼 보입니다. 이것은 매우 일반적인 문제입니다. 필요한 작업은 버튼의 클릭 기능에서 유효성 검사를 실행하는 경우 버튼을 .click에서 .live 함수로 변경하는 것입니다. = http://api.jquery.com/live/

이 함수는 또한 새 DOM 요소의 유효성을 검사합니다. 클릭 기능은 초기 DOM에 있던 요소들에 대해서만 작동합니다.

여전히 문제가 발생하면 코드를 공유하십시오.

출처

2013-05-16 05:06:13

jQuery 유효성 검사 양식 (ajax로드 양식)

답변

관련 문제