Habilitación del autocompletado de formularios del navegador

5 minutos de lectura

avatar de usuario
genérico

Estoy creando un formulario de registro para mi sitio web. Contiene varios campos de formulario estándar. Tales como: nombre, dirección, número de teléfono, nombre de usuario, contraseña, etc.

Cuando hago doble clic en un campo (en Chrome 16), para poder autocompletar mi dirección, recibo este mensaje:

Esta página web ha deshabilitado el llenado automático de este formulario.

No lo deshabilité, entonces, ¿cómo lo habilito? Traté de agregar autocomplete="on" hacia <form> etiqueta, y a (algunas de) las <input> etiquetas, y eso no ayudó.

¿Necesito agregar autocomplete="on" a todos los campos? Además, ¿cómo sabe el navegador qué campo es qué? ¿Necesito nombrar los campos algo especial?

Otra pregunta: ¿Hay algún tipo de onautocomplete evento que se activa cuando un formulario se completa automáticamente? En mi formulario, cuando ingresa un código postal, busca en nuestra base de datos (a través de AJAX) y luego obtiene el estado y la ciudad (la ciudad y el estado son menús desplegables, porque los códigos postales pueden ser para más de una ciudad), y los completa para ti. Esperaba poder ejecutarlo después de que el formulario se completara automáticamente.

PD: estoy usando jQuery validación de formulario complemento, si eso importa.

  • agregue autocomplete=”on” a la etiqueta

    , eso es todo. Ahora borre su historial durante la última hora más o menos y actualice su página. Con suerte, eso podría ayudar. Saludos

    – BUENA VACA

    3 de enero de 2012 a las 17:21

  • Si tiene una cuenta de Oracle, inicie sesión en el sitio, luego haga clic en Cuenta al lado de su nombre, esa página tiene el autocompletado desactivado, que puede ver observando su código fuente. Saludos

    – BUENA VACA

    3 de enero de 2012 a las 17:23

  • @GagandeepBali: Intenté eso, no ayudó =( Agregué autocomplete="on" hacia <form>abrí la página en el modo de incógnito de Chrome, y cuando traté de autocompletar el campo de dirección, recibí el error en la pregunta.

    – genérico

    3 de enero de 2012 a las 17:24


  • @GagandeepBali: ¿”Cuenta Oracle”? ¿De qué estás hablando? “esa página tiene el autocompletado desactivado, eso lo puedes ver mirando su código fuente” Esto es mi páginay estoy tratando de activar la función de autocompletar en.

    – genérico

    3 de enero de 2012 a las 17:24


  • si deshabilitó las opciones de autocompletar de Chrome, verifíquelas también yendo a opciones, cosas personales, autocompletar. Con suerte (Habilitar Autocompletar para completar formularios web con un solo clic) está marcado. Saludos

    – BUENA VACA

    3 de enero de 2012 a las 17:27

avatar de usuario
genérico

El problema era que la etiqueta del formulario no tenía method="POST" en eso.

Después de buscar en Google el mensaje, encontré un informe de errory uno de los comentarios mencionado method="POST".

yo añadí method="POST", ¡y voilá! Funciona el relleno automático.

En algunos casos, es posible que también deba agregar un action si el formulario no tiene uno. action="https://stackoverflow.com/questions/8715000/javascript:void(0)" obras.

Nota: Parece que la función Autocompletar activa el onchange evento.

Nota 2: En cuanto a cómo el navegador sabe qué campo es qué, consulte esta pregunta: ¿Cómo activar Autocompletar en Google Chrome?

  • También agregué method=POST a mi formulario, pero el aviso sigue ahí… Chrome 21

    – peter.o

    30 de agosto de 2012 a las 13:32


  • @PeterO.: <form method="POST" action="javascript:void(0)"> funciona para mi.

    – genérico

    30 de agosto de 2012 a las 14:10

  • También olvidé poner autocomplete=”on” dentro del elemento de entrada 🙂

    – peter.o

    30 de agosto de 2012 a las 14:53

  • en realidad parece estar relacionado con los formularios ajax, ya que el formulario nunca va a ninguna parte en lo que respecta al navegador, por lo que no se almacenan datos del formulario. Por supuesto, eso es completamente jodidamente grande, grandes pedazos si esto es de hecho cierto.

    – ojos virtuales

    10 de noviembre de 2012 a las 11:37

  • @Chuck milagrosamente a partir de Chrome 36.0 ahora funciona el relleno de formulario. Perspicacia de Rocket (<form method="...">) aún se mantiene, sin eso, sospecho que Chrome nunca funcionó ni funcionará 😉

    – ojos virtuales

    16/09/2014 a las 20:01

La opción para desactivar la función de autocompletar normalmente se encuentra en la etiqueta del formulario, consulte la página Desarrollador de Mozilla aquí. Esto debería significar que normalmente eliminar ese atributo debería habilitarlo nuevamente en una página web.

Con respecto a la segunda parte con la solicitud AJAX, no creo que haya un oyente para eso, pero podría agregar una función que verifique el valor del campo cada x segundos, por ejemplo, y si cambió, puede realizar su búsqueda.

  • Quiero activar la función de autocompletar enno apagado.

    – genérico

    3 de enero de 2012 a las 16:17


  • Lo dejé un poco más claro. Quiso decir que si puede desactivarlo agregando ese atributo, debería poder habilitarlo eliminando el atributo.

    – Puedo tener un poco de café

    3 de enero de 2012 a las 16:18

  • La eliminación de la autocomplete atributo (o ajuste autocomplete="on") no lo ha habilitado. todavía tengo el This webpage has disabled automatic filling for this form. mensaje en Chrome.

    – genérico

    3 de enero de 2012 a las 16:19

  • ¿Es este un sitio .NET (pregunta por el mensaje)? Creo que hay algo de JavaScript que usan como respaldo para evitar que se complete automáticamente.

    – Tomás

    3 de enero de 2012 a las 17:19

  • @Tom: No, es PHP. Y ese mensaje es del navegador (Chrome 16).

    – genérico

    3 de enero de 2012 a las 17:23

¿Ha sido útil esta solución?