объединить функцию отправки и нажатия

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

Вам необходимо добавить событие onsubmit в форму, чтобы принудительно прекратить отправку формы, и, нажав на ссылку submit-results, вы можете принудительно отправить форму с помощью 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 2

Сделайте ссылку отправьте форму вместо:

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

Answer 3

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

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

Answer 4

Вы можете использовать

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