联合提交和点击功能

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(); 
    });