Hola, aquí quiero mostrar una alternativa para deshabilitar el relleno automático y el autocompletar del navegador chrome en las pantallas de inicio de sesión.

Lo que se observa es que el navegador Chrome, desde hace algún tiempo, no ha respetado más el atributo autocomplete = off en los elementos input.

Por eso decidí iniciar una búsqueda por algo que hiciera posible “eludir” esa configuración de Chrome, y después de una larga investigación en Internet y diversas pruebas, donde varias sugerencias no funcionan y otras hasta funcionan pero no eran adaptables al Scriptcase, ¡conseguí llegar a una opción ajustable!

La siguiente sugerencia inhibe la ventana flotante con las contraseñas guardadas, el relleno automático y el fondo amarillo de la ventana Login y Contraseña.

A continuación, imagen de una pantalla de inicio de sesión sin aplicación de la desactivación del autocomplete:

Vamos al código:

Para editar la aplicación por el IDE de Scriptcase, tenemos a la derecha la opción Javascript, justo debajo de SQL.

Seleccione el objeto: Form y el evento: onLoad, haga clic en editar y agregue el código siguiente:

$(':input').attr('autocomplete','off');  //agregando el atributo autocomplete con valor off a todos los elementos input.
$("#login_troca").val(''); //vaciando el valor del elemento input de id login_cambio.
$("#pswd_troca").val(''); //vaciando el valor del elemento input de id pswd_troca.
setTimeout(function(){ //iniciando un temporizador donde el siguiente código se ejecutará después de 500 milisegundos
$("#login_troca").css('display','none'); //ocultando el elemento de id login_troca
$("#pswd_troca").css('display','none'); ////ocultando el elemento de id pswd_troca
}, 500);

** No olvide guardar el código. **

Ahora vamos a los campos login y pswd (nombre de los campos sugeridos en este ejemplo).

En las propiedades del campo de login, colocaremos el siguiente valor para la propiedad Label del campo:

<input id="login_cambio" type="text" name="login" size="1" width="1" height="" autocomplete="off" style=" z-index: -1000; height: 1px; width: 1px;     border: none; position:absolute; ">Login

Lo mismo para la etiqueta del campo pswd:

<input id="pswd_cambio" type="password" name="pswd" size="1" autocomplete="off" style="z-index: -1000; height: 1px; width: 1px; border: none;     position: absolute; ">Senha

El atributo Style con sus propiedades y valores agregados inline son sólo para dejar el elemento de entrada lo menos perceptible posible.

Listo! Guarde y pruebe la aplicación.

Explicando:

Chrome asignó al primer elemento de name = “NAME” el auto-relleno. ¿Qué hemos hecho? Duplicamos el elemento de name = “NAME” y lo hacemos transparente y después de medio segundo de la carga de la página ocultamos ese campo. Esto engaña al navegador, haciendo que asigne el autocomplete al primer campo de name = “NAME” encontrado, no asignando el autocompletado al segundo elemento del mismo nombre.

Es una solución de contorno que alivia esta desagradable opción en las pantallas de login, dejando también la pantalla de login más ligera sin las ventanas con fondo amarillo con auto-relleno.

Bueno, esa fue una alternativa que descubrí para ‘resolver’ esa cuestión del autocomplete y auto-relleno automático en Chrome, ajustable a nuestro Scriptcase.

Espero que le sea útil así como fue para mí!

Ah! Pero una cosa, si usted todavía no conoce el Scriptcase, le invito a descargar y probar esta herramienta:

https://www.scriptcase.net/descargar/

You might also like…

Cloud Computing y sus tendencias para 2020

¿Qué es el cloud computing? Brinda la posibilidad de ofrecer servicios a través de Intern...

Te pagan por tu sistema no por el código

En el mundo empresarial el tiempo es un factor determinante, dado que puede provocar ganancias o ta...

Principales características de un buen desarrollador web

Quizás en algún momento se haya preguntado qué habilidades se necesitan para convertirse en desa...

You might also like…

Get new posts, resources, offers and more each week.

We will use the information you provide to update you about our Newsletter and Special Offers. You can unsubscribe any time you want by clinck in a link in the footer of any email you receive from us, or by contacting us at sales@scriptcase.net. Learn more about our Privacy Police.