サブミットとクリック機能を組み合わせる

Question

ユーザーが#postcode-formを送信するか、または#show-resultsリンクをクリックすると、同じ機能を使用したいと考えています。どのように私はそれを機能を複製せずに行うことができますか？

HTML

<form id="postcode-form"> 
    <input id="postcode" type="text" name="postcode" /> 
    <input type="submit" value="search" /> 
</form> 
<a id="show-results" href="#">Show the results</a>​ 

を使用でき

$("#show-results").click(function(e){ 
     e.preventDefault(); 
     codeAddress(postcode); 
});​ 

Answer 1

$("#postcode-form").submit(function(){ 
    //your submit function, validation, etc. 
}); 

$("#show-results").click(function(e){ 
    $("#postcode-form").submit(); 
}); 

Answer 2

JAVASCRIPT

$('#show-results').submit(); 

Answer 3

は、リンクではなく、フォームを送信してください：あなたは、フォーム上をonSubmitイベントを追加する必要が

$('#show-results').click(function(e){ 
    e.preventDefault(); 
    $('#postcode-form').submit(); 
}); 

Answer 4

は強制的に提出するフォームを停止し、クリックに提出し、その結果を使用して、強制的にいずれかのAJAXまたは単純な形の方法を提出することにより、フォームを送信することができ、リンク上。

<form id="postcode-form" onsubmit="return false;"> 
    <input id="postcode" type="text" name="postcode" /> 
    <input type="submit" value="search" /> 
</form> 
<a id="show-results" href="#">Show the results</a>​ 

とJS

$('#show-results').click(function(e){ 
     e.preventDefault(); 
     $('#postcode-form').submit(); 
    });