2017-05-05 106 views
0

我搜索了很多,並嘗試了很多解決方案,但沒有成功。需要幫助的jquery表單提交

能否請你幫我找出我有以下的jQuery代碼做什麼錯誤:

<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
    var $form = $('#contact_form'); 

    $form.submit(function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      type: 'POST', 
      url: "../validateNumber.php", 
      data: {"mobile": $('#mobile-number').val()}, 
      success: function(response) { 
       if(response=="invalid"){ 
        $(".head").text("Please enter valid mobile number"); 
        $("#mobile-number").focus(); 
       } 
      }    
     }); 
    }); 
    }); 
    </script> 

的代碼是工作的罰款。我收到錯誤響應==「無效」。但我的表單沒有提交。

謝謝

+0

相對路徑,我相信。 url:「../validateNumber.php」 – wannadream

+0

你得到的錯誤是什麼? –

+0

@wannadream網址正在工作。唯一的形式是沒有得到提交。有什麼我缺少添加? –

回答

0

您正在定義處理程序,但從未實際提交表單。這是你想要的,自動提交表單嗎?

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    var $form = $('#contact_form'); 

    $form.submit(function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      type: 'POST', 
      url: "../validateNumber.php", 
      data: {"mobile": $('#mobile-number').val()}, 
      success: function(response) { 
       if(response=="invalid"){ 
        $(".head").text("Please enter valid mobile number"); 
        $("#mobile-number").focus(); 
       } 
      }    
     }); 
    }); 

    $form.submit(); 
}); 
</script> 
0

try代碼:不支持

<script type="text/javascript"> 
$(document).ready(function() { 
$('#contact_form').submit(function(e) { 
    if($('#contact_form').valid()){ 
    $.ajax({ 
     type: 'POST', 
     url: "../validateNumber.php", 
     data: {"mobile": $('#mobile-number').val()}, 
     success: function(response) { 
      if(response=="invalid"){ 
       $(".head").text("Please enter valid mobile number"); 
       $("#mobile-number").focus(); 
      } 
     }    
    }); } 

}); 
}); 
</script>