El script que estoy haciendo debe ser en vanilla js, no se puede usar JQUERY y para mi desgracia debe funcionar en Internet Explorer...
Se trata de un formulario. Estoy teniendo problemas con un textarea: en primer lugar se trata de un textarea como otro cualquiera y por otro lado tiene unos botones que añaden texto a este textarea.
Aquí viene la pregunta: ¿cómo puedo validar que este textarea se ha rellenado? Mi problema es que debe tener texto por defecto entonces poner que si su valor es "" me salte un error, no funciona, se tendría que borrar su contenido por defecto para que salte el error de " rellena este campo". También había pensado en poner que si al menos uno de los botones se ha pulsado deje continuar con el formulario, pero no consigo que funcione.
¿Alguien me podría ayudar? me vale con una de las dos maneras que os comento.
<script>
function addText(event) {
var targ = event.target || event.srcElement;
document.getElementById("descripcion").value += targ.textContent || targ.innerText;
}
</script>
<div>
<p>Descripción:</p>
<textarea class="descrip" id="descripcion" style="width:300px;height:100px" ><<<textos de implementacion>>>
<<<etiquetas de seguimiento>>>
</textarea>
<ul onclick="addText(event)" style="list-style-type: none; cursor:pointer;margin-left: -40px;width: 400px; ">
<table>
<tr>
<td>
<li id ="descaj" class="cajas" style="width:185px;border:1px solid black"> PROTOCOLO 1</li>
</td>
<td>
<li class="cajas" style="width:185px;border:1px solid black"> PROTOCOLO 2</li>
</td>
<td>
<li class="cajas" style="width:185px;border:1px solid black"> PROTOCOLO 3</li>
</td>
</tr>
</table>
</ul>
</div>