javascript - 表单提交两次并在 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();
});