jquery 양식을 확인하고 colorbox 내에서 제출하고 결과 colorbox

나는 colorbox를 사용하여 링크 (별도의 HTML 파일)에서 양식을 열고 유효성 검사를 수행하고 양식을 PHP 스크립트에 제출합니다. 이것은 모두 작동합니다.jquery 양식을 확인하고 colorbox 내에서 제출하고 결과 colorbox

지금 내가하고 싶은 것은 PHP 스크립트의 결과가 colorbox에 나타나는 것입니다. 제출 스크립트는 다음과 같습니다.

$.post('processForm.php', $("#chngPass").serialize(), function(data) { 
    $('#FormContainer').html("<div id='message'></div>"); 
    $('#message').html("<h2>Thank you for request</h2>") 
     .fadeIn(1500, function() { 
      $('#message').append(data); 
     });   
});

한 번에 메시지가 나타나지만 메인 페이지에는 컬러 박스가 표시됩니다. 이제는 성공할 수있는 어떤 것도 얻을 수 없습니다.

'return false'를 사용하여 페이지 새로 고침을 중지해야한다는 것을 알고 있지만 스크립트의 다양한 부분에서 시도 했으므로 어디로 가야할지 확실하지 않습니다.

누구든지 올바른 방향으로 나를 가리킬 수 있습니다.

'formContainer'

양식 페이지에서 폼을 포함하는 사업부이며, 의도는 메시지와 함께

감사

을 내용을 대체하는 것입니다

업데이트 : 지금까지 입력 감사합니다. 여전히 성향 검사를 받고 작업 스크립트를 제출하십시오.

submitHandler: function() { 
     var url = "../2010/includes/scripts/php/memberFunctions.php"; //the form processing url 
     $.ajax({ 
     type: "POST", 
     url: url, 
     data: $("#chngPass").serialize(), 
     success: function(data) 
     { 
     $("#chngPassWrapper").html(data); 
       } 
    }); 

    return false; // avoid the actual submit of the form. 

    }

내가 유효성 검사 스크립트없이 시도하고 그것은 작동 양식을 제출 양식은 다음과 같습니다

내가 지금 양식을 제출하는 방법 중 몇 가지를 사용했습니다 최신 일이 하나입니다 그런 다음 colorbox에서 제출 결과로 대체됩니다.

유효성 검사 스크립트를 다시 제출하면 양식이 다시 제출되지만 양식 제출이 중지되지 않고 페이지 새로 고침이 수행되지만 제출 결과는 새로 고쳐진 페이지의 왼쪽 상단 모서리에 나타납니다. [링크] http://jsfiddle.net/longestdrive/fJELU/

감사 : 나는, 검증 포스트를 사용하여 페이지 여기

을 수행하는 제출하고 상쾌한에서 양식을 중지 사용할 수있는 방법을

는 맥락에서 위를 넣어 전체 스크립트입니다 귀하의 도움을 위해

출처

2012-04-22 Ray

$ ('# message')를 $ ('# cboxContent')로 변경하면 되겠습니까? Colorbox로 생성 된 contentholder를 목표로해야합니다 :) –

POST ajax 호출을 트리거하는 방법은 무엇입니까? 그것이 내가 시작할 부분입니다. Submit 유형 조치를 자동으로 트리거하는 요소 인 경우 event.preventDefault 호출을 추가하는 것이 좋습니다. 또는 트리거 요소는 단순한 링크 또는 스타일이 지정된 DOM 요소 일 수 있습니다. –

하! 이

나는 그것의 자신 만의 규칙 중 하나가 될 것처럼 보였다으로 검증 스크립트가 작동 있다고 생각 다음 스크립트를 밖으로 던지기 된 정확 해결 (감사 불을 지르고!)

EqualTo가 규칙 EqualTo가 있어야한다

결과 !!

출처

2012-04-26 20:16:21 Ray

jquery 양식을 확인하고 colorbox 내에서 제출하고 결과 colorbox

답변

관련 문제