Chrome提示的框在提交後未被清除

Question

我使用「ENTER」鍵提交了javascript的<form>並調用函數。該函數返回false以便頁面不被重新加載。

不幸的是，該框未被清除，如圖所示。

列表的末尾，但'toto'和其他條目被提出。建議框未被清除。 我怎麼能清除它？

下面是代碼使用

$('form').on('submit', function() { 
    var newUser = $('input.user').val() 
    displayPerson(newUser) // add the person 
    $('input.user').val('') 
    return false; 
}); 

Answer 1

我建議暫時取出焦點從輸入：

$('form').on('submit', function() { 
    var newUser = $('input.user').val() 
    displayPerson(newUser) // add the person 
    $('input.user').val('').blur(); // <-- blur 
    setTimeout(function() { // Allow time for blur to happen 
     $('input.user').focus(); // <-- put focus back (if desired). 
    }, 0); 
    return false; 
});