jQuery 유효성 검사 플러그인이 jQuery SimpleModal 플러그인에서 작동하지 않습니다. 모달 대화 상자를 닫은 후 다시 엽니 다.

Question

jQuery 1.7.1, jQuery 유효성 검사 플러그인 (http://docs.jquery.com/Plugins/Validation) 1.9.0, jQuery SimpleModal 플러그인 (http://www.ericmmartin.com/projects/simplemodal/) 1.4.2 및 jQuery qTip2 (http://craigsworks.com/projects/qtip2/).

모달 대화 상자에서 열어야하는 몇 가지 양식이 있습니다. 유효성 검사는 모달 대화 상자를 처음 열 때 작동합니다. 그러나 대화 상자를 닫고 다시 열면 유효성 검사가 다시 수행되지 않습니다.

SimpleModal 플러그인의 onShow 콜백을 사용하여 양식 유효성 검사를 첨부합니다. 따라서 페이지로드가 아닌 모달 상자가 만들어 질 때마다 적용됩니다.

데모는 http://jsfiddle.net/NVvFh/22/을 참조하십시오.

SimpleModal에서 persist : true를 시도했음을 유의하십시오. 그것은 다른 문제를 만든다.

모달 대화 상자를 사용할 때마다 유효성 검사를받는 데 도움이되는 정보는 크게 알려 드리겠습니다.

Answer 1

jQuery(document).ready(function() { 
    jQuery(".formLink").click(function() { 
     jQuery("#formContainer").modal({ 
      containerId: "form-container", 
      dataId: "form-data", 
      onShow: function() { 
       attachFormValidations(); 
      }, 
      opacity: 60, 
      overlayClose: true, 
      overlayId: "form-overlay", 
     }); 
    }); 
    //attachFormValidations(); Remove this line 
});