このフォームを手動で送信できないのはなぜですか？

Question

フォームを送信する前に何かをやろうとしています。次のコードはエラーなく実行されますが、フォームは送信されません。何が間違っているのかわかりません。

<form method="post" id="weber-form" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl"> 
    <input class="textInputaweb" type="text" name="email" id="email" size="20" value='Enter Email' onfocus=" if (this.value == 'Enter Email') { this.value = ''; }" onblur="if (this.value == '') { this.value='Enter Email';} " /> 
    <input id="submit" name="submit" class="submitaweber" type="submit" value="Submit" /> 
</form> 

<script> 
    $(function() { 
     $('#submit').click(function (e) { 
      e.preventDefault(); 
      // Do something... 
      $('#weber-form').submit(); 
     }); 
    } 
</script> 

Answer 1

the submit button must NOT have a name or id with the value "submit"。このようなボタンは動作します：

<input class="submitaweber" type="submit" value="Submit" /> 

デモ：http://jsfiddle.net/MYht8/

$(function() { 

    //we bind to the form instead of the form button 
    //using .on() (jQ1.7+) 
    $('#weber-form').on('submit', function(e) { 

     //prevent form submission 
     e.preventDefault(); 

     //do stuff 

     //use the native submit so we wont trigger 
     //this handler again 
     this.submit(); 
    }); 
});​ 

Answer 2

これを試してみてください。それは動作するはずです。 。

$（ '＃1ウェーバーフォーム'）送信（関数（E）{

e.preventDefault(); 

// Do something... 

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

}）。

Answer 3

document.ready()セクション内でコードを使用してください。私はそれが動作することを願って！

$(document).ready(function(){ 
    $('#submit').click(function (e) { 
     e.preventDefault(); 
     // Do something... 
     $('#weber-form').submit(); 
    }); 
}); 

Answer 4

ジョセフ・ドリーマーはよく問題を説明しました。

あなたはこの問題を回避するためにHTMLFormElementのネイティブ提出メソッドを使用することができます。

HTMLFormElement.prototype.submit.call($('#weber-form')[0]);