表单提交两次并在JQuery中加载两次

Question

当我使用自动完成功能提交表单时，表单将提交两次，并且结果页面将加载两次。

这是HTML代码。

<form name="searchArtForm" method="post" action='action.do'>
    <input type="text"  placeholder='search' name="keywords" id="searchInput" class="">
    <button id="searchButton" name="button" type="submit"><img alt="Search" src="/search-ltr.png"></button>
</form>

这是jQuery代码。

jQuery("#searchInput").autocomplete(data).result(function(){
    $('#searcharticleform').unbind('searchArtForm').submit();
});

Answer 1

尝试

jQuery("#searchInput").autocomplete(data).result(function(e){
    e.preventDefault();
    $('#searcharticleform').unbind('searchArtForm').submit();
});