インターネットエクスプローラで提出するフォームを停止

Question

私はjqueryでフォーム提出をキャッチしています。

この送信ハンドラは、Internet Explorerを除くすべてのブラウザで機能し、送信するだけです。

どうすれば修正できますか？

$('#editForm').live('submit', function() { 
     var data = []; 
     var finalForm = $(this).serializeArray(); 
     var differences = 0; 
     for (var i in initialForm) { 
      if (!objectsAreSame(initialForm[i], finalForm[i])) { 
       data[differences] = finalForm[i]; 
       differences++; 
      } 
     } 
     console.log('diff: ', differences); 
     if (differences > 0) { 
      $.ajax({ 
       url: site_url + 'ajax/contact', 
       type: 'POST', 
       data: { 
        id: finalForm[0].value, 
        method: 'editContact', 
        data: JSON.stringify(data) 
       }, 
       success: function(data) { 
        console.log(data); 
        $('#contact' + finalForm[0].value).hide("drop", {direction: 'up'}, 500, function() { 
         $('#contact' + finalForm[0].value).replaceWith(data); 
         $('#contact' + finalForm[0].value).show("drop", {direction: 'up'}, 500, function() { 
          $(document).trigger('close.facebox'); 
         }); 
        }); 
        return false; 
       } 
      }); 
     } 
     return false; 
    }); 

---

そのものハンドラを提出... はストレートオフリターン偽を行うことは何もしませんアップ配線ではないように見えます...

Answer 1

は、すべてのコードの最初に読むには十分きれいではありません。とにかく下にこのI4 ways to better jQuery coding

を読んでいくつかのヒントが

• あるconsole.log()文
• returnステートメント場所
• 値（差）をキャッチするためにIEのデバッガを使用してくださいチェック
• の使用を削除しますif(...){ }の代わりにif(..){ }else{ }ステートメント

最後に、私はそれがこのように書かれるべきだと思う。最初の返信文がどこにあるか確認してください

$('#editForm').live('submit', function() { 
    var data = []; 
    var finalForm = $(this).serializeArray(); 
    var differences = 0; 
    for (var i in initialForm) { 
     if (!objectsAreSame(initialForm[i], finalForm[i])) { 
      data[differences] = finalForm[i]; 
      differences++; 
     } 
    } 
    console.log('diff: ', differences); 
    if (differences > 0) { 
     $.ajax({ 
      url: site_url + 'ajax/contact', 
      type: 'POST', 
      data: { 
       id: finalForm[0].value, 
       method: 'editContact', 
       data: JSON.stringify(data) 
      }, 
      success: function(data) { 
       console.log(data); 
       $('#contact' + finalForm[0].value).hide("drop", {direction: 'up'}, 500, function() { 
        $('#contact' + finalForm[0].value).replaceWith(data); 
        $('#contact' + finalForm[0].value).show("drop", {direction: 'up'}, 500, function() { 
         $(document).trigger('close.facebox'); 
        }); 
       });     
      } 
     }); 
     return false; 
    } 
    return false; 
}); 

Answer 2

あなたのコードからすべてのconsole.log()の呼び出しを削除します。これにより、IEでエラーが発生し、return falseは呼び出されません。

Answer 3

関数に追加します。IEでテストし、falseを返します。また、preventDefault()が呼び出されているかどうかをテストし、そこにある場合はそれを呼び出します。また、関数にイベントを渡す$('#editForm').live('submit', function(e)にあなたの関数呼び出しを変更：

// For IE: 
if ($.browser.msie) e.returnValue = false; 
// Otherwise: 
if(e.preventDefault) e.preventDefault();