Filtra la ricerca ...
Frase esatta
Categorie

Creare un form PHP con Google ReCaptcha Antispam e Bootstrap

Ciao e benvenuto. Se hai bisogno di chiarimenti sul codice, lascia un commento (no WhatsApp); ricorda però che non fornisco assistenza gratuita sugli articoli che ho scritto nè personalizzo il codice in modo gratuito, quindi se la tua richiesta va oltre il semplice "aiutino", se vuoi mi chiedi una consulenza a pagamento nella pagina contatti. Grazie della comprensione. Alessio

In questo articolo vediamo come creare un contact form in php con l’ausilio di Bootstrap ed in più andremo ad utilizzare Google ReCaptcha per proteggere il nostro form dallo spam.

google recaptcha php formRichiamiamo il CSS di Bootstrap dalle CDN, io ho utilizzato i temi (fichissimi !) di Bootswatch che trovate qui https://www.bootstrapcdn.com/bootswatch/ ed il CSS del form.

Ora le librerie jQuery e Javascript per utilizzare Bootstrap, le API di Google ReCaptcha non chè due file JS per il form stesso

Il codice HTML del form

N.B.

Alla linea 57 dovete cambiare la chiave del sito con la vostra site-key

Il contenuto del file contact.php sarà

N.B.

Alla linea 12 va inserita la vostra chiave segreta di Google ReCaptcha

Ora il file contact.js

Ed infine il CSS del file custom.css

Questa è la prima parte dello script, il pezzo restante è contenuto nella cartella recaptcha, disponibile al download in alto.

 

Potrebbe interessarti anche ...

Hai bisogno di una consulenza, lo sviluppo di un plugin o vuoi incrementare le performance del tuo sito ?

4 commenti su “Creare un form PHP con Google ReCaptcha Antispam e Bootstrap”

  1. Ho seguito passo passo l’installazione del re-captcha, ma il modulo mi consente di inviare il messaggio sia cliccando su “submit” senza utilizzzare il captcha, sia con l’utilizzo del captcha…

    Rispondi
Se vuoi postare codice usa codeshare.io
Se vuoi postare uno screeshot usa postimages.org ed inserisci l'url nel commento.

Lascia un commento


Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Iscriviti e ricevi trucchi e guide

Inserisci la tua email per ricevere gli ultimi articoli dal blog.

Inserendo i tuoi dati confermi di aver letto ed essere d’accordo con la privacy policy.