.trim () in JavaScript funktioniert nicht im IE

Ich habe versucht, .trim()eine Zeichenfolge in einem meiner JavaScript-Programme anzuwenden . Unter Mozilla funktioniert es einwandfrei, aber ein Fehler wird angezeigt, wenn ich es in IE8 versuche. Weiß jemand, was hier los ist? Kann ich es trotzdem im IE zum Laufen bringen?

Code:

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

Fehleranzeige:

Nachricht: Das Objekt unterstützt diese Eigenschaft oder Methode nicht
Zeile: 604
Char: 2
Code: 0
URI: http: //test.localhost/test.js

Fügen Sie den folgenden Code hinzu, um der Zeichenfolge Trimmfunktionen hinzuzufügen.

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

Es sieht so aus, als ob diese Funktion im IE nicht implementiert ist. Wenn Sie jQuery verwenden, können Sie $.trim()stattdessen ( http://api.jquery.com/jQuery.trim/ ) verwenden.

jQuery:

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

Jemand verwendet, $("#mycomment").val().trim();aber dies funktioniert nicht im IE.

Leider gibt es keine browserübergreifende JavaScript-Unterstützung für trim ().

Wenn Sie jQuery (mit der Methode .trim ()) nicht verwenden, können Sie Zeichenfolgen mithilfe der folgenden Methoden Trimmunterstützung hinzufügen:

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

Dies ist eine ziemlich neue Ergänzung zu Javascript und wird vom IE nicht unterstützt.

Ich hatte ein ähnliches Problem, als ich versuchte, einen Wert aus einer Eingabe zu kürzen und dann zu fragen, ob er gleich nichts ist:

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

Dies warf jedoch einen Schraubenschlüssel in die Arbeit für IE6 - 8. Ärgerlicherweise hatte ich versucht, es so zu variieren:

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

Die Verwendung der Trimmmethode von jQuery funktioniert jedoch in allen Browsern perfekt für mich.

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

Ich habe Code geschrieben, um die Trimmfunktionalität zu implementieren.

LTRIM (links trimmen):

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

RTRIM (rechts trimmen):

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

TRIM (beidseitig trimmen):

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

ODER

Es steht auch ein regulärer Ausdruck zur Verfügung, den wir verwenden können.

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

Nützliche Erklärung

Wir können offiziellen Code aus dem Internet erhalten! Verweisen Sie darauf:

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

Wenn Sie den folgenden Code vor einem anderen Code ausführen, wird trim () erstellt, wenn er nicht nativ verfügbar ist.

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

Für mehr: Ich habe gerade festgestellt, dass es ein js-Projekt zur Unterstützung von EcmaScript 5 gibt: https://github.com/es-shims/es5-shim Durch Lesen des Quellcodes können wir mehr über Trim erfahren .

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

Ich glaube nicht, dass es trim()im JavaScript-Standard eine native Methode gibt . Vielleicht liefert Mozilla eine, aber wenn Sie eine im IE wollen, müssen Sie sie selbst schreiben. Es gibt einige Versionen auf dieser Seite .

Ich hatte das gleiche Problem in IE9. Als ich jedoch die unterstützte HTML-Version mit dem folgenden Tag in der ersten Zeile vor dem deklarierte

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

Das Problem wurde behoben.

Dies liegt an einem Tippfehler getElementBy ID . Ändern Sie es 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);
}

Ich habe gerade herausgefunden, dass der IE die Unterstützung nicht mehr unterstützt trim(), wahrscheinlich nach einem kürzlich durchgeführten Windows-Update. Wenn Sie Dojo verwenden, können Sie es verwenden dojo.string.trim(), es funktioniert plattformübergreifend.

Dieses Problem kann durch den IE verursacht werden, der den Kompatibilitätsmodus auf Intranetsites verwendet. Es gibt zwei Möglichkeiten, dies zu beheben. Sie können entweder den IE aktualisieren, um den Kompatibilitätsmodus auf Ihrem lokalen Computer nicht zu verwenden (in IE11: Extras-> Einstellungen für die Kompatibilitätsansicht -> Deaktivieren Sie die Option Intranetsites in der Kompatibilitätsansicht anzeigen).

Besser noch, Sie können die Meta-Tags auf Ihrer Webseite aktualisieren. Hinzufügen:

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

Was bedeutet das? Der IE wird angewiesen, den neuesten Kompatibilitätsmodus zu verwenden. Weitere Informationen finden Sie in MSDN: Festlegen älterer Dokumentmodi