0

Today i made a question and i tried to make some advices of experts on javascript, however my code it is still failing. Im going to try to give more information with the purpose to solve my problem. Im new on javascript and im completely sure that this will piece of cake for some people. This is my problem with my code. Im going to try to give all info as soon as possible.

I have this jsp with this textarea:

<form:textarea id="textEnv"  path="buscadorReferenciaE" onkeyup="comprobarTexto();"
                            cssStyle="vertical-align: middle;  margin-left:1px; width: 263px; height: 220px;" />

In this code as you can see a user enter string, and is involved in the onkeyup:

And this is my function on javascript:

function comprobarTexto(){
    var texto = document.getElementById('textEnv').value;
     if (texto.length > 14) {
         texto= "";
     }

}

The purpose of this function is that when the user reaches 14 characters the text on the texfield must be REMOVED COMPLETELY, however despite advices of experts my code still failing and the function doesnt work. Its very probably that is my fault, but im still not seeing how to resolve this. I give more information on the last question that i made:

Removing content of a var

It must be the function in javascript, that is not working, no more code of my jsp is involved. When the characthers reaches to 14 the function warn me with an alert(now is removed but it works) I will try tomorrow to solve this, with your help. Thanks for your help as always.

Community
  • 1
  • 1
Dekker
  • 85
  • 2
  • 10

3 Answers3

2

You must write to the text field:

function comprobarTexto(){
  var texto = document.getElementById('textEnv').value;
   if (texto.length > 14) {
     texto= "";
     document.getElementById('textEnv').value = "";
  }
}

You copy the content of the textarea to a variable and clear the variable, but this leaves the textarea unchanged. So, clear the textarea too.

ul90
  • 762
  • 3
  • 8
  • This answer seems to be very very interesting.+1. I will try tomorrow cause im not at my work and i dont have access to my datasource. thank you very much – Dekker Feb 03 '16 at 19:47
  • ul90. Thanks again, it works perfect, now the characteres of the textarea disappears. ;) – Dekker Feb 04 '16 at 07:23
1

Check you rendered code in your browser:

 var texto = document.getElementById('textEnv').value;

This may be correct when you are in the editor. But that ID changes once it renders. Set the ID to match what the rendered version shows.

durbnpoisn
  • 4,666
  • 2
  • 16
  • 30
1

The problem is that you are merely saving the reference to the value at that current time. Instead, I'd suggest something like this:

function comprobarTexto(){
  var texto = document.getElementById('textEnv');
  var current = texto.value;
   if (current.length > 14) {
     texto.value = "";
  }
}

this way, you are defining it once and using it multiple times to do various things.

Hope this helps you understand!

Derek Pollard
  • 6,953
  • 6
  • 39
  • 59