2016-10-10 6 views
-4

私はjQueryを使ってフォームを送信しようとすると、簡単な

$('#form').submit(); 

作品完全けど

$('#form').submit(function(){...}); 

は、純粋かつ単純に無視されます。 エラーメッセージは表示されず、何も表示されません。 それは上に移動し、私のコードの残りの部分を進めるだけです。

私はここに見つけたより近い問題は、このいずれかになります。 JQuery form submit with function not working それは良い作品が、提出する()は、ページをリロードし、アヤックスの利益を取り消します。

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>please help</title> 
    <link href="../htdocs/css/styles.css" rel="stylesheet"> 
</head> 
<body> 

<form id="myForm" method="post"> 
    <input name="key01" type="checkbox" id="key01" checked> 
    <input name="key02" type="checkbox" id="key02" checked> 
    <input name="key03" type="checkbox" id="key03" checked> 
    <input name="key04" type="checkbox" id="key04" checked> 
    <input name="key05" type="checkbox" id="key05" checked> 

    <div id="testBtn">test submit</div> 
</form> 

<div id="resultDisplay"></div> 

<script src="../htdocs/js/jquery-2.2.4.min.js"></script> 
<script src="../htdocs/js/icheck.min.js"></script> 
<script type="application/javascript"> 
    $(function() { 
     $('#testBtn').click(function() { 
      console.log('click out'); 
      $('#myForm').submit(function() { 
       console.log('click In'); 
       $.ajax({ 
        method: 'POST', 
        url: 'myResult.php', 
        data: $(this).serialize() 
       }).done(function (data) { 
        console.log('data back'); 
        $("#resultDisplay").html(data); 
       }).fail(function() { 
        alert("error"); 
       }); 
      }); 
     }); 
    }); 
</script> 

</body> 
</html> 

私が持っているだけにconsole.log: だから、残念ながら、それは私のために動作していません:(

ここでは、私の全体のコード(私はテスト目的のために最も簡単に真のプロジェクトの減少)であります私はそれがすべて同じだ... Apacheとnginxのサーバー上の貴様jQueryのバージョンでは、getメソッドで、代わりに警告で を試みた送信関数外の最初のものがある :。 '(

PHP:5.6.23 jQuery 2.2.4(テスト済みの複数のバージョン)

私は必死だけど、助けてください:(

+1

あなたは '提出()'と '(関数(){})を提出'であるとのどのような違いを知っていますか? – epascarello

+0

まあ...今は知っていて、おそらくそれを忘れることはありません:) – JBB

+0

あなたの答えはみんなありがとう、それは役に立ちました。 – JBB

答えて

2

を実際に$(「#フォーム」)は配列を返し、それを実行する適切な方法は、配列のアイテムが与えられた機能を実行するかを指定することにより、次のとおりです。

$("#form")[0].submit(function(){ 
 
    //do the stuff 
 
})