jqueryフォーム送信のヘルプが必要

Question

私は多くを検索し、多くの解決策を試みましたが、成功しませんでした。

私は、次の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> 

。私は応答== "無効"でエラーが発生しています。しかし、私の書式は提出されません。あなたはハンドラを定義するが、実際にフォームを送信することはありません

Answer 1

感謝。自動的に書式を提出して、これがあなたの望むものですか？

<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> 

Answer 2

てみてくださいコード：

<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>