jQueryフォーム提出AJAXの問題

Question

明らかに、jQuery、フォーム提出、AJAXで何か不足しています。 PHPバックエンドとJSONエンコーディングはうまく動作します。しかし、フォームが提出されると、 のようにデータが2回提出され、フォームに入力される値はnullとなります。ここで

は私のスクリプトです：

$(document).ready(function() { 
    var validated = $("#loginForm").validate({ 
     errorLabelContainer: "#errorMessage", 
     wrapper: "li", 
     rules: { 
      username: "required", 
      password: "required" 
     }, 
     messages: { 
      username: "Please enter your username.", 
      password: "Please enter your password." 
     }, 
     submitHandler: function (form) { 
      $.ajax({ 
       type: 'POST', 
       url: $(form).attr('action'), 
       data: $(form).serialize(), 
       dataType: 'json', 
       success: function (res) { 
        if (res.err == true) { 
         $("#errorMessage").text(res.msg); 
        } else { 
         window.location = res.url; 
        } 
       }, 
       error: function() { 
        $("#errorMessage").text("There was an error processing form."); 
       }, 
      }); 
     } 
    }); 
}); 

Answer 1

私はこれのバイオリンを作り、コードが動作するはずと思われます。火かき棒で私は要求がすべてのフォーム日付で正しいことを見たことがわかりました。私は、dataTypeプロパティが定義されている場合、応答データ型が正しいことに気付きました。

http://jsfiddle.net/7vtAw/