Controllo informativa per la privacy con javascript

Nell’appunto digitale di oggi vediamo come effettuare il controllo dell’informativa per la privacy con javascript da inserire all’interno dei vostri form.

Come tutti ormai saprete inserire l’accettazione alla normativa sulla privacy è obbligatorio ormai da tempo in qualsiasi sito web che contenga un modulo di contatti o di iscrizione a qualsiasi servizio. Secondo legge, il checkbox dell’accettazione deve essere senza spunta di default proprio per rendere “consapevole” il visitatore. In questo articolo vi segnalo un modo alternativo per effettuare il check di questo campo e “indirizzare” i vostri clienti alla compilazione.

[button link=”http://www.targetweb.it/tutorial/2013/controllo-checkboxes/index.html” color=”blue” target=”blank” size=”large”]Demo[/button]

Struttura HTML

<form name="newsletter" action="#">
	<div id="box_form">
	<p id="titolo_form">Iscriviti alla newsletter</p>
	    <div id="checkbox">
		 <input name="chkPrivacy" id="chkPrivacy" type="checkbox">
	    </div>
	    <div id="legge">Letta l'<a target="_blank" href="#">informativa 
		 sulla Privacy ai sensi del Dlg 196/03</a>, do il consenso 
		 al trattamento dei dati personali per le finalità e con 
		 le modalità specificatamente indicate nell'informativa stessa.</div>
		 <div id="box_campo">
		  <input id="email" name="email">
		 </div>
	   <input type="button" value="invia" name="send" class="invia">
	</div>
</form>

Engine JS

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <script type="text/javascript">
  $(function() {

  	//Inizio script conferma informativa
  	$("input[name='send']").click(
        function(){
        	if ($("#chkPrivacy").is(":not(:checked)")){ 
           		alert("Devi accettare l'informativa sulla privacy per continuare!");
           		return;
           	} else {  document.forms['newsletter'].submit(); alert("Tutto ok!"); }
        });//Click

  });//DOM
 </script>

Il funzionamento è abbastanza semplice: Al click sul pulsante di submit viene effettuato un controllo IF per verificare se il campo chkPrivacy è selezionato oppure no. Se non lo è viene restituito un alert informativo, in seguito grazie a “return;” riusciamo ad interrompere la funzione. Se l’informativa è stata selezionata viene processato il submit del form attraverso la funzione javascript “submit();”.

Conclusioni

[button link=”http://www.targetweb.it/tutorial/2013/controllo-checkboxes/index.html” color=”blue” target=”blank” size=”large”]Demo[/button]  [button link=”http://www.targetweb.it/plugin-validazione-form-jquery-targetvalidator/” color=”blue” target=”blank” size=”large”]TargetWeb Validator[/button]

Download

Vi invito a visionare anche il mio plugin di validazione per controllare oltre l’informativa anche la compilazione dei vari campi dei vostri form di contatti (e non solo). Se questo articolo ti è stato utile condividilo sui tuoi social network preferiti o fammi sapere cosa ne pensi nei commenti qui sotto!