IE Error, Object doesn't support this property or method

 function charCount(){
  $.doTimeout('poll', 150, function(){
      messageVal = $('#messageLabel textarea').val();

      messageLength = messageVal.length; //IE BREAKS HERE

      $('#messageLength').html(messageLength + '/140')
      if(messageLength > 140){
          $('#messageLength').not('.inv').addClass('inv')
      }else{
          $('#messageLength.inv').removeClass('inv')
      }
      return false;
  })

}
$('#messageLabel textarea').change(charCount).keyup(charCount);

Gives the following error in Internet Explorer 7.0 (and maybe other versions too).

Object doesn't support this property or method.

Any ideas on what is causing this error?

Answers


When you don't use the var keyword, IE browser search for messageLength in the global context and it finds it... you have element with that ID.

Trying to assign number to HTML element fails.

To solve this, just declare messageLength as local variable:

var messageLength = messageVal.length; //IE WON'T BREAK HERE

Try yo replace :

messageVal = $('#messageLabel textarea').val();

with

messageVal = $('#messageLabel textarea').text();

Hope it helps.


I think the .change() is having some problem in IE.Please remove it and see if it is working.

Also try using .html() instead of .val().


look here simple test. textarea does not support value property. you can get it via text property


I had a similar error, however, it was because I added the JQuery library to the master page and there was a duplicate library declaration elsewhere the same page.


Need Your Help

Java maximum memory on Windows XP

java windows memory

I've always been able to allocate 1400 megabytes for Java SE running on 32-bit Windows XP (Java 1.4, 1.5 and 1.6).

PHP IDE with best code completion?

php ide code-completion

Despite what some might say, I believe that code completion (aka Intellisense) is the second best invention when it comes to code editors (the first being syntax coloring). It really makes coding e...