Jquery Ajax页面重新加载提交

Question

我面临的一个问题是，当我提交页面（表单）提交给PHP邮件是成功的，但页面再次加载。尝试返回true和false也preventDefault（）但仍然页面重新加载。

$('#frmRequest').submit(function(e){ 
    //$('#SUBMIT').click(function(){ 
    var isValidForm = true; 
    $('#RequestDetailsArea').find('input:visible, textarea:visible, select:visible').each(function(){ 
     if($(this).val().length == 0|| $(this).val()=='Select') { 
      $(this).addClass('validation'); 
      isValidForm = false;  
     } 
     else { 
      $(this).removeClass('validation'); 
      $('#ErrorRequest').addClass('hidden');   
     } 
    });/* end check validation in RequestDetailsArea*/ 
    if (!isValidForm) { 
     $('#ErrorRequest').removeClass('hidden'); 
    } 
    validreturn=validateForm(); 
    if(isValidForm && validreturn) 
    { 
     $('#RequestDetailsArea').find('div:hidden').each(function(){ 
      //alert($(this).attr('id')); 
      $(this).remove(); 
     }); 

     msg="ok"; 
     $.ajax({ 
      url:"allfields.php", 
      type:"POST", 
      //  dataType:"json", 
      data: $("#frmRequest").serialize(), 
      success: function(msg){ 
       //alert("Form Submitted: "+ msg); 
       return msg; 

      }, 
      error: function() { 
       alert('Error occured'); 
      } 
     }); 
     e.preventDefault(); 

     //return false; 
    } 
});/* end of submit Function*/ 

Answer 1

在你的代码已经把e.preventDefault();内

if(isValidForm && validreturn) 
{ 
    //... 
    e.preventDefault(); 
} 

因此，我认为，如果你的条件不匹配，因为方法e.preventDefault();的调用将不会被执行，则表格将被提交。如果是这种情况，那么你可以把它从你if条件，即，

$('#frmRequest').submit(function(e){ 
    e.preventDefault(); 
    // rest of your code here 
}); 

更新：你在你的success使用return msg，会做什么，你可以用这种方式

做

success: function(msg){ 
    returnValue(msg); // call the function  
} 

，并宣布在脚本中returnValue地方，比如

function returnValue(data) 
{ 
    // do something with data 
}