terça-feira, 7 de junho de 2022

Preenchimento Automático de Formulários Utilizando Atalho de Favoritos do Navegador

Quando temos um formulário que preenchemos repetidamente com os mesmo dados, é possível criar um atalho na barra de menu do Navegador.
Para isso, vamos adicionar um novo atalho qualquer clicar com o botão direito e editar o atalho:



A tela que deverá abrir será a seguinte:


Vamos editar os campos Nome e URL. Podemos dar um novo nome para o atalho como "Completa Form":





Agora vamos supor um formulário com 3 campos. Precisaremos dos ids, no código fonte, dos 3 campos que nesse caso é possível utilizar o botão direito do mouse e "inspecionar" o campo para ver os id's. No nosso código temos os id's nome, telefone e idade.



Vamos utilizar um comando javascript para cada campo:

document.getElementById('nome').value = 'Marcelo';
document.getElementById('telefone').value = '999999999';
document.getElementById('idade').value = '99';

Agora, para fechar vamos colocar numa chamada Javascript conforme abaixo:

javascript:(function(){..código..})();

Sem espaçamento e em uma única linha o código completo ficará da seguinte forma:

javascript:(function(){document.getElementById('nome').value = 'Marcelo';document.getElementById('telefone').value = '999999999';document.getElementById('idade').value = '99';})();

Copie o código e cole no campo da URL do atalho:



Agora a página com o formulário que deve ser preenchido:


Clique no atalho "Completa Form" e os dados serão preenchidos instantaneamente:


É possível submeter o envio também se for necessário:

document.getElementById("idBotaoEnvio").submit();

Também é possível utilizar JQuery para códigos com JQuery, nesse caso utilizaríamos:

var campo1 = 'valor1';$("#campo1").val(campo1);

E para o envio:

$(#button).click();



Nenhum comentário:

Postar um comentário