ajax 양식 성공시 jquery show 대화 상자

사용자가 진행하는 여러 양식 섹션이 있습니다. 각각은 AJAX를 통해 처리되며 성공하면 다음 양식이 AJAX를 통해로드됩니다. 몇 가지 섹션에서 양식이 AJAX를 통해 성공적으로 처리되면 대화 상자를 표시하려는 상황이 생겼습니다. 이 프로세스는 사용자가 양식을 채우고 제출을 클릭하는 것입니다. jquery는 AJAX를 사용하여 양식이 정상적으로 처리되었는지 확인한 다음 다음 양식을로드하기 전에 대화 상자 (예 : 가입 해 주셔서 감사합니다)를 실행하려고합니다. 사용자는 콘텐츠를 읽는 옵션을 클릭 한 다음 버튼/링크를 클릭하여 양식의 다음 부분을 계속 진행할 수 있습니다. 이 문제를 해결하는 가장 좋은 방법은 확실하지 않습니다. 여기에 내 코드가 어떻게 작동하는지 알 수 없습니다.ajax 양식 성공시 jquery show 대화 상자

누구나 이런 일을 처리하는 좋은 방법을 제안 할 수 있습니까?

$(".form_container form").validationEngine({ 
         ajaxSubmit: true, 
         ajaxSubmitFile: $('.form_container form').attr('action'), 
         success: function(){ 
          var href = $('input.next').attr("rel"); //use rel to store next url to be loaded 
          hash = href.replace(/^.*#/, ''); 
          $.historyLoad(hash); //loads next section via ajax 
         }, 
         failure..etc

출처

2010-06-20 samwatt

모달 (개인 취향)에는 colorbox (http://colorpowered.com/colorbox)를 사용합니다.

실제로 제출하려면 ajaxSubmit을 false으로 설정하고 사용자가 입력 한 내용에 만족하는지 확인한 후 양식을 제출하고 버튼/링크를 클릭하십시오.

그래서 과정은 다음과 같습니다

사용자가 클릭

때, 성공적으로 검증 개방 colorbox에

,

양식은 (AJAX를 통해 제출 NOT) 검증, 제출 사용자가 확인 버튼/링크를 클릭하면 AJAX를 통해 양식이 제출됩니다.

출처

2010-06-20 20:38:45 Sam

감사 샘. 위에 게시 한 코드는 모든 양식 제출을위한 제네릭 처리기이므로 모달이 필요한 몇 가지 예외에 대해 if 문을 추가하는 대신 다른 유효성 검사/전송 처리기를 설정해야한다고 가정합니다. 제네릭 처리기입니다. – samwatt

ajax 양식 성공시 jquery show 대화 상자

답변

관련 문제