validar formulario

[CARAQUEÑITO]

BUENOS DIAS, ESTOY HACIENDO UN FORMULARIO EN PHP Y QUIERO VALIDARLO CON JAVASCRIPT, LES COMENTO QUE NO QUIERO LA VALIDACION CON LOS MENSAJES DE ALERTA. DESEO UN FORMULARIO QUE VALIDE Y LE MUESTRE AL USUARIO DEBAJO DEL CAMPO UN MENSAJE EN OTRO COLOR. YA HE REALIZADO ALGO PARECIDO Y ME VALIDA PERO CUANDO ESCRIBO ALGO Y PASO AL SIGUIENTE CAMPO SIGUE APARECIENDO EL MENSAJE.....DESEO QUE DESAPAREZCA EL MENSAJE UNA VEZ QUE SE EMPIECE A ESCRIBIR O POR LO MENOS UNA IDEA DE CON QUE ETIQUETAS O ALGO QUE ME PUEDA SERVIR....ANEXO EL CODIGO POR SI ACASO ALGUIEN TIENE LA AMABILIDAD DE AYUDARME... NO LES ANEXO TODO PARA NO ABURRIRLOS SOLO UNA PARTE...GRACIAS DE TODAS MANERAS

<script language="javascript">

function Validar_Formulario(){

//valido el nombre, apellido, etc
if (document.frm_Init.txt_firstname.value.length=="") {
document.getElementById('lbl01').innerHTML="Please input your first name";
document.frm_Init.txt_firstname.focus()
return 0;
}

if (document.frm_Init.txt_lastname.value.length==0){
document.getElementById('lbl02').innerHTML="Please input your last name";
document.frm_Init.txt_lastname.focus()
return 0;
}
}

</SCRIPT>

<form action="index.php?s=1" method="post" name="frm_Init">
<tr>
<td height="33" colspan="4" valign="top"><div align="center">
<span class="texto-naranja"><b>Member Information</b></span></div>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="109" height="24" valign="top"><span class="texto-gris"> First Name:</span>
</td>
<td width="230"><input name="txt_firstname" type="text" value="" size="25" /><font color="#FF0000" size="1"><div id="lbl01"></div></font>
</td>
<td><label>&nbsp;*&nbsp;</label></td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="109" height="24" valign="top"><span class="texto-gris"> Last Name:</span></td><td width="230"><label><input name="txt_lastname" type="text" value="" size="25" /></label>
<font color="#FF0000" size="1"><div id="lbl02"></div></font>
</td>
<td>&nbsp;*&nbsp;</td>
</tr>

[CARAQUEÑITO]

BUENO, NO IMPORTA YA LO TENGO, o Por lo menos asi me funciono. Gracias de todas maneras. Si alguien encuentra una forma mas rapida o mas elegante se le agradece su colaboracion


<script language="javascript">
function Validar_Formulario(){
bol_focus=false;
if (document.frm_Init.txt_firstname.value.length=="") {
document.getElementById('lbl01').innerHTML="Please input your first name";
if(bol_focus!=true){
bol_focus=true;
document.frm_Init.txt_firstname.focus()
}

}else{
document.getElementById('lbl01').innerHTML=""
}
if (document.frm_Init.txt_lastname.value.length==""){
document.getElementById('lbl02').innerHTML="Please input your last name";
if(bol_focus!=true){
bol_focus=true;
document.frm_Init.txt_lastname.focus()
}
}else{
document.getElementById('lbl02').innerHTML="";
}
}
</script>
<form action="index.php?s=1" method="post" name="frm_Init">
<tr>
<td height="33" colspan="4" valign="top">
<div align="center"><span class="texto-naranja"><b>Member Information</b></span></div> </td>
</tr>
<tr>
<td width="109" height="24" valign="top"><span class="texto-gris"> First Name:</span></td>
<td width="230"><input name="txt_firstname" type="text" value="" size="25" />
<font face="Arial, Helvetica, sans-serif" size="1" color="#FF0000"><div id="lbl01"></div></font> </td>

<td><label>&nbsp;*&nbsp;</label></td>
</tr>
<tr>
<td width="109" height="24" valign="top"><span class="texto-gris"> Last Name:</span></td>
<td width="230"><label><input name="txt_lastname" type="text" value="" size="25" /></label>
<font face="Arial, Helvetica, sans-serif" size="1" color="#FF0000"><div id="lbl02"></div></font></td>
</tr>