形式與jQuery沒有想工作

Question

我嘗試一次，其他及沒有get終於作品這種形式使用jQuery和JSON：

<script> 
var idcc="<?php echo $tfw_number_format;?>"; 
</script> 


<script> 
$('#contact-form-widget-'+idcc).on('submit',function() { 
    $.ajax({ 
     url: '<?php echo $phpValidate;?>', 
     cache: false, 
     type: 'POST', 
     data : $('#contact-form-widget-'+idcc).serialize(), 
     success: function(json) { 
      alert('all done'); 
     } 
    }); 
}); 
</script> 


<form id="contact-form-widget-<?php echo $tfw_number_format;?>" class="contact-form-widget" method="post" action=""> 
    <input type="text" name="" value="" class="contact_text"> 
    <input class="contact_rapid_boton" type="submit" value="Send"> 
</form> 

當我推在BUTTOM經常去其他的問題it's頁面，沒有停留和工作，不知道什麼不好，因爲我看到所有權利，但肯定沒有任何工作正確

Answer 1

包括jQuery，使用DOM就緒處理程序，並阻止窗體提交和重新加載頁面：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script type="text/javascript"> 
    var idcc = "<?php echo $tfw_number_format;?>"; 
    $(function() { 
     $('#contact-form-widget-'+idcc).on('submit', function(e) { 
      e.preventDefault(); 
      $.ajax({ 
       url : '<?php echo $phpValidate;?>', 
       type : 'POST', 
       data : $('#contact-form-widget-'+idcc).serialize(), 
       success: function(json) { 
        alert('all done'); 
       } 
      }); 
     }); 
    }); 
</script> 

<form id="contact-form-widget-<?php echo $tfw_number_format;?>" class="contact-form-widget" method="post" action=""></form> 

Answer 2

使用event.preventDefault()

<script type="text/javascript"> 
$('#contact-form-widget-'+idcc).on('submit',function (event) { 

    event.preventDefault(); 

    $.ajax({ 
     url: '<?php echo $phpValidate;?>', 
     cache: false, 
     type: 'POST', 
     data : $('#contact-form-widget-'+idcc).serialize(), 
     success: function(json) { 
      alert('all done'); 
     } 
    }); 
}); 
</script>