.trim () in JavaScript non funziona in IE

Ho provato ad applicare .trim()una stringa in uno dei miei programmi JavaScript. Funziona bene con Mozilla, ma viene visualizzato un errore quando lo provo in IE8. Qualcuno sa cosa sta succedendo qui? Posso comunque farlo funzionare in Internet Explorer?

codice:

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

visualizzazione dell'errore:

Messaggio: l'oggetto non supporta questa proprietà o metodo
Linea: 604
Char: 2
Codice: 0
URI: http: //test.localhost/test.js

Aggiungi il seguente codice per aggiungere la funzionalità di taglio alla stringa.

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

Sembra che quella funzione non sia implementata in IE. Se si utilizza jQuery, è possibile utilizzare $.trim()invece ( http://api.jquery.com/jQuery.trim/ ).

jQuery:

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

Qualcuno usa $("#mycomment").val().trim();ma questo non funzionerà su IE.

Sfortunatamente non esiste il supporto JavaScript cross-browser per trim ().

Se non stai usando jQuery (che ha un metodo .trim ()) puoi usare i seguenti metodi per aggiungere il supporto di trim alle stringhe:

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

Questa è un'aggiunta piuttosto recente a javascript e non è supportata da IE.

Ho avuto un problema simile quando provavo a tagliare un valore da un input e poi chiedevo se era uguale a niente:

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

Tuttavia, questo ha gettato una chiave inglese in IE6 - 8. Abbastanza fastidiosamente ho provato a variarlo in questo modo:

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

Tuttavia, usando il metodo trim di jQuery, funziona perfettamente per me in tutti i browser.

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

Ho scritto del codice per implementare la funzionalità di taglio.

LTRIM (tagliare a sinistra):

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

RTRIM (tagliare a destra):

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

TRIM (tagliare entrambi i lati):

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

O

Espressione regolare è anche disponibile che possiamo usare.

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

Spiegazione utile

Possiamo ottenere il codice ufficiale da Internet! Segnala questo:

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

L'esecuzione del codice seguente prima di qualsiasi altro codice creerà trim () se non è nativamente disponibile.

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, '');
    };
  })();
}

per di più: ho appena scoperto che esiste un progetto js per supportare EcmaScript 5: https://github.com/es-shims/es5-shim leggendo il codice sorgente, possiamo ottenere maggiori informazioni su 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);

Non credo che esista un trim()metodo nativo nello standard JavaScript. Forse Mozilla ne fornisce uno, ma se ne vuoi uno in IE, dovrai scriverlo tu stesso. Ci sono alcune versioni in questa pagina .

Ho avuto lo stesso problema in IE9 Tuttavia quando ho dichiarato la versione html supportata con il seguente tag sulla prima riga prima del

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

Il problema è stato risolto

Ciò è dovuto all'errore di battitura getElementBy ID . Modificalo in 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);
}

Ho appena scoperto che IE non supporta più trim(), probabilmente dopo un recente aggiornamento di Windows. Se usi dojo, puoi usarlo dojo.string.trim(), funziona su più piattaforme.

Questo problema può essere causato da IE utilizzando la modalità di compatibilità sui siti Intranet. Esistono due modi per risolverlo, è possibile aggiornare IE per non utilizzare la modalità di compatibilità sul proprio computer locale (in IE11: Strumenti-> Impostazioni visualizzazione compatibilità -> Deseleziona Visualizza siti intranet in Visualizzazione compatibilità)

Meglio ancora, puoi aggiornare i meta tag nella tua pagina web. Aggiungere:

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

Cosa significa questo? Sta dicendo a IE di utilizzare l'ultima modalità di compatibilità. Ulteriori informazioni sono disponibili in MSDN: specifica delle modalità documento legacy