Inserire immagini in validazione form

[davidl77]

Ciao ragazzi.

Io ho un form nel quale valido il campo username usando Ajax +php (faccio una chiamata ad una pagina dove verifico se la user inserita esiste o no e restituisco 0 o 1).

Il tutto funziona, andando a scrivere un messaggio di errore settato verde o rosso utilizzando il set.style.

Io ora vorrei far apparire un icona al posto o assieme al messaggio di errore: come posso fare?

Qui sotto vi posto il codice js:

<script type="text/javascript" src="./common/js/mootools.js"></script>
<script type="text/javascript">
	window.addEvent('domready', function(){
	    $('username').addEvent('keyup', function(){
	        var req = new Request({
	            url: 'check_user.php',
	            data: {'user': this.value},
	            onSuccess: function(){
	            var checkUser = req.response.text;
	            if(checkUser == 1)
	            {
	                var msg = 'Complimenti, questo username è ancora disponibile';
	                $('av_user').setStyle('color','green');
	            }else{
               var msg = 'Spiacenti, questo username NON è disponibile';
                $('av_user').setStyle('color','red');
	            }
	            $('av_user').innerHTML = msg;
           $('hidden_user').value = checkUser;
	            }
	        }).send();
	    });
	});
	</script>

mentre il form è:

<form name="modulo" action="data_insert.php?action=add&type=user" method="post" onSubmit="return (ver() && ControllaMail());"> 
Nome
 


<label for="username">Username:</label> <input id="username" name="username"> <input id="hidden_user" name="hidden_user" type="hidden"> <span id="av_user" class="ctrl_ajax"></span></p>

Come sempre, grazie mille per l'aiuto!!!

[Xinod]

ti prepari due classi con color e backgroundImage opportuni e usi addClass invece di setStyle