Validar formulario y cambiar contenido de un div?

[Carlmycol]

Estoy haciendo un formulario,.. que es validado por javascript, es decir que contenga todos los datos necesarios, mas sin embargo, necesito que si algun campo tiene un problema, este se muestre el usuario.. entonces pensé cambiar el contenido de un div mostrando el problema,..

Eh aqui el problema cuando hay un error el div muestra un error mas si hay dos errores (o mas) en el formulario no muestra todos los problemas que han surgido al validar

He aqui mi codigo

Código Javascript:

<script type="text/javascript">
 
 
function smiley(text) {
    var a = document.getElementById("C_C_T").value;
    document.getElementById("C_C_T").value = a + text;
}
 
function validar_formC()
{
    document.getElementById("C_P").innerHTML='';
    if (document.getElementById("C_C_N").value.length<3)
    {
        document.getElementById("C_P").innerHTML= document.getElementById("C_P").innerHTML + 'El Nombre es muy corto!';
        return false;
    }
    
    if (document.getElementById("C_C_T").value.length<15)
    {
        document.getElementById("C_P").innerHTML= document.getElementById("C_P").innerHTML + 'El comentario es muy corto';
        return false;
    }
    return true;
}
 
</script>
<form  action="index.php" onSubmit="return validar_formC();" method="post">
<input type="hidden" name="F_COMETARIO">
<div class="CF_N">Su Nombre (*)<br><input type="text" name="name" id="C_C_N"></div>
<div class="CF_W">Pagina web<br><input type="text" name="web" id="C_C_W"></div>
<div class="CF_C">
    <br>Su comentario (*)<br>
    <div id="C_SMILEYS">
        <img src="smileys/dientes.gif" id="C_dientes" onClick="smiley(':D')">
        <img src="smileys/lengua.gif" id="C_dientes" onClick="smiley(':P')">
        <img src="smileys/wink.gif" id="C_dientes" onClick="smiley(':wink:')">
        <img src="smileys/ves.gif" id="C_dientes" onClick="smiley(':mira:')">
        </div>
    <br><textarea name="comentario" id="C_C_T" rows="5" cols="20"></textarea>
    </div>
<div id="C_BOTON">
    <input type="submit" name="C_enviar" value="Enviar Comentario!">
</div>
<div id="C_P">
 
</div>
</form>
 

A que se podra deber esto?

Saludos

[osvier]

Código Javascript:

var toReturn = true;
document.getElementById("C_P").innerHTML='';   
if (document.getElementById("C_C_N").value.length<3)    {
        document.getElementById("C_P").innerHTML= document.getElementById("C_P").innerHTML + 'El Nombre es muy corto!';
        toReturn = false;    
}
if (document.getElementById("C_C_T").value.length<15)    {
        document.getElementById("C_P").innerHTML= document.getElementById("C_P").innerHTML + 'El comentario es muy corto';
        toReturn = false;
}
return toReturn;
 

[America|UNK]

Por cierto en esta linea no hace falta leer otra vez el contenido html, puedes concatenarlo, asi te ahorras código.

Código Javascript:

document.getElementById("C_P").innerHTML= document.getElementById("C_P").innerHTML + 'El Nombre es muy corto!';
 

por

Código Javascript:

document.getElementById("C_P").innerHTML += 'El Nombre es muy corto!';