[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla

# Validar textarea con JCE para Joomla! utilizando Javascript

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)   22 Febrero 2011    [Tips Joomla](https://sergioiglesias.net/blog/joomla)   1 - 2 minutos    Visitas: 4358

 ![Formación Joomla!](https://sergioiglesias.net/images/stories/formacion-joomla.png)Cuando estamos **desarrollando una extensión para Joomla!**, o modificando una existente, puede ocurrirnos, como me ha pasado a mi, que tengamos que validar con javacript un campo de textarea. Hasta aquí parece sencillo.

Pero, ¿Qué ocurre si tenemos un editor WYSIWYG como es JCE? Aquí la cosa cambia un poco y la validación hay que realizarla de otra manera..

1/ La manera normal

Tenemos un textarea con el nombre "contenido":

 ```
<textarea name="contenido"></textarea>
```

Para validar:

 ```
<script languaje=javascript><br></br>function validar(){<br></br> if (document.miformulario.contenido.value.length==0) {<br></br> alert("textarea vacio");<br></br> return false;<br></br> } else<br></br> return true;<br></br>}<br></br></script>
```

2/ Mediante getElementById

Tenemos un textarea con el nombre "contenido":

 ```
<textarea name="contenido" id="contenido"></textarea>
```

Para validar:

 ```
<script languaje=javascript><br></br>function validar(){<br></br> var contenido_validar = document.getElementById("contenido");<br></br> if (contenido_validar.value.length==0) {<br></br> alert("textarea vacio");<br></br> return false;<br></br> } else<br></br> return true;<br></br>}<br></br></script>
```

3/ Con JCE

JCE es un **editor WYSIWYG para Joomla! muy completo** y que recomiendo para utilizar en vuestro sitio web.

Lo que hace este editor, es ocultarnos nuestro campo textarea y añadir un iframe con un html que es precisamente el editor.

![Editor JCE Joomla!](https://sergioiglesias.net/media/cached-resp-images//images/stories/editor_jce_joomla_1230.png?version=04f97c0700eb83f0dbd0593033bf89ea)

Por lo tanto, al hacer este procedimiento, no nos valen las anteriores funciones de validar que hemos explicado anteriormente.
Para poder acceder al contenido que estamos editando, tenemos que hacer lo siguiente:

 ```
<script languaje=javascript><br></br>function validar(){<br></br> var mi_iframe = document.getElementById("id_del_iframe");<br></br> var contenido = mi_iframe.contentWindow.document.body.innerHTML;<br></br> if (contenido.length<=19) {<br></br> alert("textarea vacio");<br></br> return false;<br></br> } else<br></br> return true;<br></br>}<br></br></script>
```

La pregunta ahora será la siguiente: ¿Por qué menos o igual que 19? Pues porque el editor JCE siempre tiene puesto un &lt;br \_mce\_bogus="1"&gt; por defecto, cuya longitud es 19.

![Separador JCE Joomla!](https://sergioiglesias.net/media/cached-resp-images//images/stories/separador_jce_1230.png?version=717ea10042be338de47d3984d558ee76)

Espero que esto le pueda venir bien a alguien.

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado

### ¿No sabes bien en qué estado

está tu web Joomla?

Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden.

Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML

[ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables

[![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior

Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS.

[](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias")

### Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**.

[Quiero apuntarme!](https://sergioiglesias.net/newsletter)

###  No hay comentarios

###  Deja tu comentario

 En respuesta a Some User

 Nombre \*

 Dirección de email \*

 Texto del comentario \*

 Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*