.trim () en JavaScript no funciona en IE

Traté de aplicar .trim()a una cadena en uno de mis programas de JavaScript. Funciona bien en Mozilla, pero aparece un error cuando lo intento en IE8. ¿Alguien sabe qué está pasando aquí? ¿Hay alguna forma de hacerlo funcionar en IE?

código:

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

pantalla de error:

Mensaje: el objeto no admite esta propiedad o método
Línea: 604
Char: 2
Código: 0
URI: http: //test.localhost/test.js

Agregue el siguiente código para agregar la funcionalidad de recorte a la cadena.

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

Parece que esa función no está implementada en IE. Si está utilizando jQuery, puede utilizarlo $.trim()en su lugar ( http://api.jquery.com/jQuery.trim/ ).

jQuery:

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

Alguien usa $("#mycomment").val().trim(); pero esto no funcionará en IE.

Lamentablemente, no hay compatibilidad JavaScript entre navegadores para trim ().

Si no está utilizando jQuery (que tiene un método .trim ()) puede usar los siguientes métodos para agregar soporte de recorte a las cadenas:

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 es una adición bastante reciente a JavaScript, y no es compatible con IE.

Tuve un problema similar al intentar recortar un valor de una entrada y luego preguntar si era igual a nada:

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

Sin embargo, esto arrojó una llave en las obras para IE6 - 8. Lo suficientemente molesto que había intentado variar así:

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

Sin embargo, el uso del método de recorte de jQuery funciona perfectamente para mí en todos los navegadores.

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

He escrito un código para implementar la funcionalidad de recorte.

LTRIM (recorte a la izquierda):

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

RTRIM (recorte a la derecha):

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

RECORTAR (recortar ambos lados):

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

O

También está disponible la expresión regular que podemos usar.

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

Explicación útil

¡Podemos obtener el código oficial de Internet! Consulte esto:

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

Ejecutar el siguiente código antes de cualquier otro código creará trim () si no está disponible de forma nativa.

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 más información: acabo de encontrar que hay un proyecto js para admitir EcmaScript 5: https://github.com/es-shims/es5-shim al leer el código fuente, podemos obtener más conocimiento sobre el recorte.

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);

No creo que haya un trim()método nativo en el estándar de JavaScript. Tal vez Mozilla suministre uno, pero si desea uno en IE, deberá escribirlo usted mismo. Hay algunas versiones en esta página .

Tuve el mismo problema en IE9 Sin embargo, cuando declaró la versión html compatible con la siguiente etiqueta en la primera línea antes del

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

El problema fue resuelto.

Esto se debe al error tipográfico getElementBy ID . Cámbielo a 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);
}

Me acabo de enterar de que IE deja de ser compatible trim(), probablemente después de una actualización reciente de Windows. Si usa dojo, puede usar dojo.string.trim(), funciona multiplataforma.

Este problema puede deberse a que IE usa el modo de compatibilidad en sitios de intranet. Hay dos formas de resolver esto, puede actualizar IE para que no use el modo de compatibilidad en su máquina local (en IE11: Herramientas-> Configuración de Vista de compatibilidad -> Desmarque Mostrar sitios de intranet en Vista de compatibilidad)

Mejor aún, puede actualizar las metaetiquetas en su página web. Añadir:

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

¿Qué significa esto? Le dice a IE que use el último modo de compatibilidad. Hay más información disponible en MSDN: Especificación de modos de documentos heredados