Info modulo 
Autor: Gruppo Antares Srl
Besucht 223,
Followers 2,
Geteilt 0
Buonasera a tutti,
volevo un aiuto. Ho creato un Form, per invio dati. Spesso, mi dicono di averlo compilato ma a me non arriva sulla mail. In effetti ho provato Io stesso e non è arrivato.
Quello che però stamattina ho notato, che avevo inserito i dati automatici che crome mi rilasciava , quelli di compilazione automatica.
Ma cè una funzione o codice, che può in caso bay passare questo aspetto, perchè altrimenti dovrei creare un messaggio che avvisi prima dellacompilazione..
Grazie
Alessandro
Gepostet am
Questo potrebbe succedere se l’utente usa l’Autofill di Chrome, il browser può riempire i campi del form solo visivamente, senza attivare gli eventi change o input.
Molti script o plugin però si basano proprio su questi eventi per validare o inviare il form.
Cosa succede quindi?
Il form sembra compilato, ma in realtà il tuo script non “vede” i dati: la validazione non parte e l’invio del form può non funzionare.
Autor
Ok....
Ed è superabile?
SOLUZIONE 1 — aggiungere campi nascosti
Chrome riempie l’autofill ma il form non “vede” i dati.
La soluzione consigliata è:
➤ Aggiungere un campo nascosto sopra i campi principali
Chrome tende a compilare i primi campi del form.
Se tu metti un campo nascosto in cima, Chrome lo usa per l’autofill… e lascia in pace i campi veri.
Come si fa in Website X5:
Apri il progetto
Vai alla pagina del Form Contatti
Aggiungi un nuovo campo → Campo Testo
Nelle opzioni:
Nome: es. anti-autofill
Etichetta: lascia vuoto
Spunta "campo obbligatorio: NO"
Nello stile: “Nascondi campo” oppure metti display:none da impostazioni di stile
Chrome userà questo campo, non gli altri → il form non si rompe più.
naturalmente è da provare.
Ciao.
SOLUZIONE 2 — Aggiungere uno script
Vai in:
Proprietà pagina → Esperto → Dopo il tag <body>
Incolla:
<script>
document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
document.querySelectorAll('input, textarea').forEach(function(field) {
if (field.value !== '') {
field.dispatchEvent(new Event('input', { bubbles: true }));
field.dispatchEvent(new Event('change', { bubbles: true }));
}
});
}, 600);
});
</script>
Questo “risveglia” il form e dovrebbe forzare Website X5 a riconoscere i dati (da testare anche questo).
Autor
Grazie
Autor
Buongiorno,
ok grazie. Ho adottato la seconda soluzione, perchè la prima, non ho capito molto bene, dove trovare nascondi campo.
Grazie
Alessandro S
prego, ciao.