$().ready(function(){
	//variabili globali
	var name = $("#nome");
	var nameText = $(name).val();
        
        var cognome = $("#cognome");
	var nameText = $(name).val();

        var email = $("#mail");
	var emailText = $(email).val();

	var message = $("#messaggio");
	var messageText = $(message).val();
	
        //validazione di campi
        
        function validateEmail(){
		var a = $("#mail").val();
		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		if(filter.test(a)){
		        $("#mail").removeClass("error");
			return true;
		}
		else{
                        $("#mail").addClass("error");
			return false;
		}
	}

        function validateName(){
		if( (name.val() == nameText)){
                        name.addClass("error");
			return false;
		}
		else{
                        name.removeClass("error");
			return true;
		}


       }
       
       function validatecognome(){
		if( (cognome.val() == nameText)){
                        cognome.addClass("error");
			return false;
		}
		else{
                        cognome.removeClass("error");
			return true;
		}


       }
     
       function validateMessage(){
		if((message.val().length < 4) || (message.val() == messageText)){
                        message.addClass("error");
			return false;
		}
		else{
                        message.removeClass("error");
			return true;
		}
	}


//CONTROLLARE L'INVIO 
$("#fgform12").submit(function(){
		if(!validateName() | !validatecognome() | !validateEmail() | !validateMessage()){

                return false;
		
                }

      
      
      
      
      });
        
//quando premo cancella elimino la classe errore dove è presente
$("#cancella").click(function(){
         $("#nome").removeClass("error");
         $("#cognome").removeClass("error");
         $("#mail").removeClass("error");
         $("#messaggio").removeClass("error");
    });


//gestione dei dati predefiniti nei vari campi quando perdono il focus faccio levera la class error
 	name.blur(function(){
		$(this).removeClass("error");
	});
	
	cognome.blur(function(){
		$(this).removeClass("error");
	});

	email.blur(function(){
		$(this).removeClass("error");
	});
	message.blur(function(){
		$(this).removeClass("error");
	});

});