아약스 양식 내 데이터

Question

$(document).ready(function() { 

$("#msform").submit(function(e){ 
    e.preventDefault(); 

    $("#editjeeinde").hide(); 
    $("#loading").show(); 

    $('#msform').ajaxForm(function() { 
     $("#loading").hide(); 
     $("#done").show(); 
    }); 
}); 
}); 

그것은 단지 PHP 페이지에 내 양식을 제출하지 않습니다를 전송하지 않습니다 양식이 전송 된 후 표시 :

<input type="submit" name="submit" class="submit action-button" value="Verzenden" id="submit" /> 
    </div> 
    <div id="loading"> 
    <p>Bezig met verzenden...<br /><img src="loader.gif" /></p> 
    </div> 
    <div id="done"> 
    <p>Uw aanvraag is succesvol ingediend. Wij zullen deze binnen 1-2 weken verwerken en u hiervan op de hoogte brengen.</p> 
    </div> 

그냥 계속로드 중 ... 누구나 문제를 볼 수 있습니까?

Answer 1

방금 ​​답변을 찾았습니다. .submit 기능을 Form 플러그인과 함께 사용할 수 없습니다. 그래서 다음과 같이 변경했습니다 :

$("#msform").on("submit",function(e){ 
    e.preventDefault(); 

    $("#editjeeinde").hide(); 
    $("#loading").show(); 

    $("#msform").ajaxSubmit(function() { 
     $("#loading").hide(); 
     $("#done").show(); 
    }); 
}); 

그리고 그것은 매력처럼 작동합니다.

Answer 2

jQuery 양식 플러그인을 사용하고있는 것 같습니다. its documentation에 따르면,이 코드 :

$('#msform').ajaxForm(function() { 
    // your options 
}); 

는 예를 들어 직전의 submit 기능의 당신의 외부에 배치해야합니다. 또한 코드에 양식을 제출하지 않아도됩니다. 이 기능 제출에이 기능을 사용해야합니다

$(document).ready(function() { 
    $('#msform').ajaxForm({ 
     // Callback called before the form loading. 
     beforeSubmit: function() { 
      $("#editjeeinde").hide(); 
      $("#loading").show(); 
     }, 
     // Success callback of your form. 
     success: function() { 
      $("#loading").hide(); 
      $("#done").show(); 
     } 
    }); 

    // Change your submit function to load asynchronously your content. 
    $('#myFormId').submit(function() { 
     $(this).ajaxSubmit(); 
     return false; 
    }); 
}