聯合提交和點擊功能

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>​ 

JAVASCRIPT

$("#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

您可以使用

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

Answer 3

製作的鏈接提交，而不是形式：

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

Answer 4

您需要在窗體中添加onsubmit事件強行停止表單提交和點擊提交，結果鏈接，你可以用力或者通過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(); 
    });