- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- validazione form con pulsante immagine
-
validazione form con pulsante immagine
Ciao a tutti.
Io ho un normale form alla fine del quale vorrei inserire un pulsante animato tramite css per validare il form.... non riesco a venirne fuori.
Come posso fare ?Questo è il css per il pulsante
#pulsante_invia { width: 114px; height: 40px; float: left; padding-left: 264px; padding-top: 120px; } .invia a { display:block; width: 114px; height: 40px; background: url("../images/button/invia_ok.png") 0 0 no-repeat; text-decoration: none; } .invia a:hover { background-position: 0 -40px; } .invia a:active { background-position: 0 -80px; } ```questo è il form
<form name="ciccio" method="post" onsubmit="return check();">
<input name="nome" type="text" class"scritte_form" style="float: left;
border: 1px;
background: white ;
vertical-align: center;
margin-left:120px;
margin-top:264px;
height: 20px;
width: 460px;"/>
<input name="cognome" type="text" class"scritte_form" style="float: left;
border:1px;
background: white ;
vertical-align: center;
margin-left:160px;
margin-top:14px;
height: 20px;
width: 420px;"/>
<input name="indirizzo" type="text" class"scritte_form" style="float: left;
border:1px;
background: white ;
vertical-align: center;
margin-left:140px;
margin-top:14px;
height: 20px;
width: 440px;"/>
<input name="cap" type="text" class"scritte_form" style="float: left;
border:1px;
background: white ;
vertical-align: center;
margin-left:100px;
margin-top:14px;
height: 20px;
width: 70px;"/>
<input name="citta" type="text" class"scritte_form" style="float: left;
border:1px;
background: white ;
vertical-align: center;
margin-left:80px;
margin-top:14px;
height: 20px;
width: 200px;"/><input name="provincia" type="text" class"scritte_form" style="float: left; border:1px; background: white ; vertical-align: center; margin-left:90px; margin-top:14px; height: 20px; width: 40px;"/> <input name="mail" type="text" class"scritte_form" style="float: left; border:1px; background: white ; vertical-align: center; margin-left:100px; margin-top:14px; height: 20px; width: 480px;"/> <input name="telefono" type="text" class"scritte_form" style="float: left; border:1px; background: white ; vertical-align: center; margin-left:150px; margin-top:14px; height: 20px; width: 430px;"/> <input name="nascita" type="text" class"scritte_form" style="float: left; border:1px; background: white ; vertical-align: center; margin-left:215px; margin-top:14px; height: 20px; width: 365px;"/> <input name="accetto" type="checkbox" style="float: left; margin-top:18px; margin-left:420px;" value="checkbox" checked="checked"/>
</div>
<div id="pulsante_invia" class="invia">
<a href="javascript:check();"> </a>
</div>
</form>
<script language="javascript" type="text/javascript">
function check(){
if(document.ciccio.accetto.checked!=true){
alert("Devi aver letto e accettato le condizioni di utilizzo");
return false;
}
else{
errore1 = "Devi inserire il tuo nome";
errore2 = "Devi inserire la tua mail";
errore3 = "Devi inserire la tua data di nascita";
errore4 = "Devi inserire il tuo CAP";
errore5 = "Devi inserire un tuo recapito telefonico";
errore6 = "Devi inserire il tuo cognome";
errore7 = "Devi inserire la provincia";
errore8 = "Devi inserire la tua città";
errore9 = "Devi inserire il tuo indirizzo";if (document.ciccio.nome.value.length ==0){alert(errore1);return false;} if (document.ciccio.mail.value.length ==0){alert(errore2);return false;} if (document.ciccio.nascita.value.length ==0){alert(errore3);return false;} if (document.ciccio.cap.value.length ==0){alert(errore4);return false;} if (document.ciccio.telefono.value.length ==0){alert(errore5);return false;} if (document.ciccio.cognome.value.length ==0){alert(errore6);return false;} if (document.ciccio.provincia.value.length ==0){alert(errore7);return false;} if (document.ciccio.citta.value.length ==0){alert(errore8);return false;} if (document.ciccio.indirizzo.value.length ==0){alert(errore9);return false;} document.ciccio.action="convalida_news.php"; return true; }
}
</script>
Grazie Così facendo una volta effettuato il primo controllo lo script mi restituisce una pagina vuota con scritto "false"