2017-05-05 109 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>