如何讓瀏覽器保存密碼而不重定向？

Question

我們有一個帶有用戶名密碼輸入和按鈕的表單。 單擊按鈕時，表單通過添加/? 到 url 當前，這是不需要的行為。

如果我們添加event.preventDefault() ，它會阻止瀏覽器提供保存用戶名和密碼（見下圖，我的意思）。

這是代碼。 它不會重定向到這里，因為它在一個片段中。

 document.getElementById('send').addEventListener('click', (event) => { //event.preventDefault() console.log('test') })

 <form> <div> <label for="username">username</label> <input id="username" type="text" autocomplete="username" /> <label for="password">password</label> <input id="password" type="password" autocomplete="new-password" /> </div> <button id="send">send</button> </form>

我嘗試使用div而不是form標簽，但它也阻止了自動完成工作。

此外，您可以在此處使用瀏覽器測試表單以保存密碼。 從這里復制代碼

如何防止單擊按鈕時重定向並保留瀏覽器的自動完成功能？

Answer 1

為了防止按鈕點擊重定向，設置按鈕元素的 type="button" ，這會將按鈕元素變成一個普通按鈕，然后你知道你將使用 AJAX 提交表單：

<button id="send" type="button">send</button>

這就是你要找的答案嗎

Answer 2

用於自動完成的 'new-password' 值應該阻止自動填充，因為瀏覽器期望在那里輸入新密碼。 根據MDN ：

使用 autocomplete="new-password" 防止自動填充

如果您正在定義一個用戶管理頁面，用戶可以在其中為另一個人指定新密碼，因此您想防止自動填充密碼字段，您可以使用 autocomplete="new-password"。

我認為這個答案可能會有所幫助

Answer 3

我沒有查過。 但是你可以試試這個：

document.getElementById('send').addEventListener('click', (event) => {
  console.log('test');
  return false;
})