Controllo campi obbligatori

[lucavizzi]

Grazie! credevo che il controllo dei campi si poteva fare solo con php invece...

E grazie anche per il type

Non c'è di che.
Comunque non è un sistema affidabile al 100%
Nei browser che non supportano HTML5 (i browser meno recenti) non funziona affatto, e non funziona nemmeno nei prodotti Apple: il browser Safari, l'iPhone e l'iPad.
La validazione con PHP andrebbe comunque fatta.

[nenuccia]

ah.. un po un problema soprattutto per il fatto dell'apple!

sai aiutarmi per la validazione con php?

[lucavizzi]

ah.. un po un problema soprattutto per il fatto dell'apple!

sai aiutarmi per la validazione con php?

Visto che il form invia soltanto una mail, possiamo limitarci ad una validazione Javascript con un sistema anti bot (una specie di captcha).
Validare lato client ci eviterà di dover ripopolare automaticamente il form in caso di errori.
Aggiungi questo snippet, nell'head, nella pagina del modulo:

<script type="text/javascript">
//i names dei campi obbligatori
var required=Array('nomerichiedente','telefonorichiedente','emailrichiedente','nomefattura','indirizzofattura','comunefattura','codicefiscalefattura');
//la funzione di validazione
window.onload=function(){
 document.getElementById('contact').onsubmit=function(){
  this.action='ela'+'bora_fo'+'rm.php';
  var valid=true;
  for(var i=0; i<required.length; i++){
   var field=document.forms['modulo'].elements[required[i]];
   if(field.value==''){
    field.className='not_valid';
    if(valid){field.focus();}
    valid=false;
   }else{
    field.className='';
   }
  }
  return valid;
 }
}
</script>
<style type="text/css">
.not_valid{
 box-shadow:0px 0px 4px red;
}
#contact input{
 transition: all 0.5s ease;
}
</style>

il tuo form resta uguale, devi solo eliminare il contenuto dell'attributo "action" di modo che non sia visibile ai bot, ci penserà la funzione di validazione ad aggiungere l'action corretto.

<form name="modulo" action="" method="post" id="contact">

Fammi sapere come ti sembra nell'insieme.

[satifal]

Visto che il form invia soltanto una mail, possiamo limitarci ad una validazione Javascript con un sistema anti bot (una specie di captcha).

Fermo restando che una validazione lato server è comunque auspicabile dato che javascript potrebbe essere disabilitato.

[nenuccia]

Fermo restando che una validazione lato server è comunque auspicabile dato che javascript potrebbe essere disabilitato.

giusto.. ma per le mie esigenze adesso va benissimo anche così, quando sarò un pochino più in grado con PHP magari ripenserò alla validazione lato server

[satifal]

giusto.. ma per le mie esigenze adesso va benissimo anche così

Cosa intendi per "tue esigenze". Se lo fai solo col javascript ed io mi collego al sito con un browser con javascript disabilitato nella migliore delle ipotesi l'invio delle mail non funzionerà.

[lucavizzi]

Cosa intendi per "tue esigenze". Se lo fai solo col javascript ed io mi collego al sito con un browser con javascript disabilitato nella migliore delle ipotesi l'invio delle mail non funzionerà.

Sì è vero ma i browser con javascript disabilitato, nel web 2.0, sono davvero pochi e Javascript lo puoi comunque abilitare.
Nella versione attuale di Firefox Javascript non è nemmeno disabilitabile.

[nenuccia]

Ma sei un grande! funziona e va benissimo per quello che mi serve! provato anche da iphone e funziona alla grande, se il campo obbligatorio non è compilato ti ci "rimanda".
Grazie mille davvero!!!

[lucavizzi]

Ma sei un grande! funziona e va benissimo per quello che mi serve! provato anche da iphone e funziona alla grande, se il campo obbligatorio non è compilato ti ci "rimanda".
Grazie mille davvero!!!

[satifal]

non funziona nemmeno nei prodotti Apple: il browser Safari, l'iPhone e l'iPad.

Solite furbate della mela bacata!