Início / coding / Perguntas / 79582251
Accepted
usualuser
Asked: 2025-04-19 17:56:22 +0800 CST

No Firefox, o espaço reservado não reaparece após uma redefinição quando ele foi preenchido pelo preenchimento automático

  • 772

Após enviar o formulário (em javascript e ajax) executo um script que reseta o formulário com um loop (nó como elemento de entrada).

node.value = ""

O problema é que, se as entradas forem preenchidas automaticamente, o texto do espaço reservado não reaparece. Esse problema não existe no Chrome.

javascript

1 respostas

  1. Best Answer

    Aqui estão três formulários, cada um com um ouvinte de eventos. Na primeira função de retorno de chamada, eu limpo o formulário usando [ ] input.value = '';e na segunda, eu uso e.target.reset();[ ] para limpar o formulário. Ambas funcionam bem. Após a conclusão das funções de retorno de chamada, o texto do espaço reservado aparecerá novamente. Testei usando o Bitwarden para preencher o formulário em ambos os casos. No terceiro formulário, uso JS para definir o valor. Também funciona bem.

    document.forms.login_value.addEventListener('submit', e => {
  e.preventDefault();
  fetch('data:text/plain,test').then(res => res.text()).then(text => {
    console.log(text);
    [...e.target.elements].forEach(input => input.value = '');
  });
});

document.forms.login_reset.addEventListener('submit', e => {
  e.preventDefault();
  fetch('data:text/plain,test').then(res => res.text()).then(text => {
    console.log(text);
    e.target.reset();
  });
});

document.forms.login_js.addEventListener('submit', e => {
  e.preventDefault();
  fetch('data:text/plain,test').then(res => res.text()).then(text => {
    console.log(text);
    [...e.target.elements].forEach(input => input.value = '');
  });
});

document.forms.login_js.username.value = "test";
document.forms.login_js.password.value = "test";
    <form name="login_value">
  <label>Username:<input type="text" name="username"
    placeholder="username" autocomplete="on"></label>
  <label>Password:<input type="password" name="password"
    placeholder="password" autocomplete="on"></label>
  <button>Login</button>
</form>

<form name="login_reset">
  <label>Username:<input type="text" name="username"
    placeholder="username" autocomplete="on"></label>
  <label>Password:<input type="password" name="password"
    placeholder="password" autocomplete="on"></label>
  <button>Login</button>
</form>

<form name="login_js">
  <label>Username:<input type="text" name="username"
    placeholder="username" autocomplete="on"></label>
  <label>Password:<input type="password" name="password"
    placeholder="password" autocomplete="on"></label>
  <button>Login</button>
</form>

    • 1

relate perguntas