结合提交和点击功能

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').click(function(e){
    e.preventDefault();
    $('#postcode-form').submit();
});

Answer 3

您需要在表单上添加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();
    });

Answer 4

您可以使用

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