.trim () no JavaScript não funciona no IE

Tentei aplicar .trim()a uma string em um dos meus programas JavaScript. Está funcionando bem no Mozilla, mas um erro é exibido quando o tento no IE8. Alguém sabe o que está acontecendo aqui? Existe alguma maneira de fazê-lo funcionar no IE?

código:

var ID = document.getElementByID('rep_id').value.trim();

exibição de erro:

Mensagem: O objeto não suporta esta propriedade ou método
Linha: 604
Char: 2
Código: 0
URI: http: //test.localhost/test.js

Adicione o código a seguir para adicionar a funcionalidade de apara à string.

if(typeof String.prototype.trim !== 'function') {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, ''); 
  }
}

Parece que essa função não está implementada no IE. Se você estiver usando jQuery, poderá usar $.trim()( http://api.jquery.com/jQuery.trim/ ).

jQuery:

$.trim( $("#mycomment").val() );

Alguém usa, $("#mycomment").val().trim();mas isso não funciona no IE.

Infelizmente, não há suporte a JavaScript entre navegadores para trim ().

Se você não estiver usando jQuery (que possui um método .trim ()), poderá usar os seguintes métodos para adicionar suporte a aparar as strings:

String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g,"");
}
String.prototype.ltrim = function() {
    return this.replace(/^\s+/,"");
}
String.prototype.rtrim = function() {
    return this.replace(/\s+$/,"");
}

https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Global_Objects/String/Trim

Esta é uma adição muito recente ao javascript, e não é suportada pelo IE.

Eu tive um problema semelhante ao tentar aparar um valor de uma entrada e depois perguntar se era igual a nada:

if ($(this).val().trim() == "")

No entanto, isso lançou uma chave nos trabalhos para o IE6 - 8. Irritantemente, eu tentei varrer da seguinte maneira:

   var originalValue = $(this).val();

No entanto, usando o método de corte do jQuery, funciona perfeitamente para mim em todos os navegadores.

var originalValueTrimmed = $.trim($(this).val());              
            if (originalValueTrimmed  == "") { ... }

Eu escrevi algum código para implementar a funcionalidade de apara.

LTRIM (corte à esquerda):

function ltrim(s)
{
    var l=0;
    while(l < s.length && s[l] == ' ')
    {   l++; }
    return s.substring(l, s.length);
} 

RTRIM (corte à direita):

function rtrim(s)
{
    var r=s.length -1;
    while(r > 0 && s[r] == ' ')
    {   r-=1;   }
    return s.substring(0, r+1);
 }

TRIM (apara ambos os lados):

function trim(s)
{
    return rtrim(ltrim(s));
}

OU

Expressão regular também está disponível, que podemos usar.

function trimStr(str) {
  return str.replace(/^\s+|\s+$/g, '');
}

Explicação útil

Podemos obter o código oficial da internet! Consulte isto:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trim

A execução do código a seguir antes de qualquer outro código criará trim () se não estiver disponível nativamente.

if (!String.prototype.trim) {
  (function() {
    // Make sure we trim BOM and NBSP
    var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
    String.prototype.trim = function() {
      return this.replace(rtrim, '');
    };
  })();
}

para saber mais: Acabei de descobrir que existe um projeto js para oferecer suporte ao EcmaScript 5: https://github.com/es-shims/es5-shim lendo o código-fonte; podemos obter mais conhecimento sobre o trim.

defineProperties(StringPrototype, {
 // http://blog.stevenlevithan.com/archives/faster-trim-javascript
 // http://perfectionkills.com/whitespace-deviations/
  trim: function trim() {
    if (typeof this === 'undefined' || this === null) {
      throw new TypeError("can't convert " + this + ' to object');
    }
    return String(this).replace(trimBeginRegexp, '').replace(trimEndRegexp, '');
  }
}, hasTrimWhitespaceBug);

Eu não acho que exista um trim()método nativo no padrão JavaScript. Talvez a Mozilla forneça um, mas se você quiser um no IE, precisará escrevê-lo. Existem algumas versões nesta página .

Eu tive o mesmo problema no IE9 No entanto, quando declarei a versão html suportada, com a seguinte tag na primeira linha antes do

<!DOCTYPE html>
<HTML>
<HEAD>...
.
.

O problema foi resolvido.

Isso ocorre devido ao erro de digitação getElementBy ID . Altere para getElementById

var res = function(str){
    var ob; var oe;
    for(var i = 0; i < str.length; i++){
        if(str.charAt(i) != " " && ob == undefined){ob = i;}
        if(str.charAt(i) != " "){oe = i;}
    }
    return str.substring(ob,oe+1);
}

Acabei de descobrir que o IE para de dar suporte trim(), provavelmente após uma atualização recente do Windows. Se você usa dojo, pode usar dojo.string.trim(), ele funciona em várias plataformas.

Esse problema pode ser causado pelo IE usando o modo de compatibilidade em sites da intranet. Há duas maneiras de resolver isso: você pode atualizar o IE para não usar o modo de compatibilidade em sua máquina local (no IE11: Ferramentas-> Configurações do modo de compatibilidade -> desmarque Exibir sites da intranet no modo de compatibilidade)

Melhor ainda, você pode atualizar as metatags na sua página da web. Adicionar em:

...
<head>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
...

O que isto significa? Está dizendo ao IE para usar o modo de compatibilidade mais recente. Mais informações estão disponíveis no MSDN: Especificando modos de documento herdados