.trim () en JavaScript ne fonctionne pas dans IE

J'ai essayé d'appliquer .trim()à une chaîne dans l'un de mes programmes JavaScript. Cela fonctionne bien sous Mozilla, mais une erreur s'affiche lorsque je l'essaye dans IE8. Quelqu'un sait-il ce qui se passe ici? Est-il possible de le faire fonctionner dans IE?

code:

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

affichage d'erreur:

Message: l'objet ne prend pas en charge cette propriété ou cette méthode
Ligne: 604
Caractère: 2
Code: 0
URI: http: //test.localhost/test.js

Ajoutez le code suivant pour ajouter une fonctionnalité de découpage à la chaîne.

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

Il semble que cette fonction ne soit pas implémentée dans IE. Si vous utilisez jQuery, vous pouvez utiliser à la $.trim()place ( http://api.jquery.com/jQuery.trim/ ).

jQuery:

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

Quelqu'un utilise $("#mycomment").val().trim();mais cela ne fonctionnera pas sur IE.

Malheureusement, il n'y a pas de prise en charge JavaScript par plusieurs navigateurs pour trim ().

Si vous n'utilisez pas jQuery (qui a une méthode .trim ()), vous pouvez utiliser les méthodes suivantes pour ajouter un support de découpage aux chaînes:

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

Il s'agit d'un ajout assez récent à javascript, et ce n'est pas pris en charge par IE.

J'ai eu un problème similaire en essayant de couper une valeur à partir d'une entrée et de demander ensuite si elle était égale à rien:

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

Cependant, cela a jeté une clé dans les travaux pour IE6 - 8. Assez ennuyeusement, j'ai essayé de le varier comme suit:

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

Cependant, en utilisant la méthode de découpage de jQuery, cela fonctionne parfaitement pour moi dans tous les navigateurs.

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

J'ai écrit du code pour implémenter la fonctionnalité Trim.

LTRIM (trim à gauche):

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

RTRIM (trim à droite):

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

TRIM (couper les deux côtés):

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

OU

L'expression régulière est également disponible que nous pouvons utiliser.

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

Explication utile

Nous pouvons obtenir le code officiel sur Internet! Référez ceci:

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

L'exécution du code suivant avant tout autre code créera trim () s'il n'est pas nativement disponible.

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

pour en savoir plus: Je viens de découvrir qu'il existe un projet js pour la prise en charge d'EcmaScript 5: https://github.com/es-shims/es5-shim en lisant le code source, nous pouvons obtenir plus de connaissances sur le 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);

Je ne pense pas qu'il existe une trim()méthode native dans la norme JavaScript. Peut-être que Mozilla en fournit un, mais si vous en voulez un dans IE, vous devrez l'écrire vous-même. Il existe quelques versions sur cette page .

J'ai eu le même problème dans IE9 Cependant, lorsque j'ai déclaré la version html prise en charge avec la balise suivante sur la première ligne avant le

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

Le problème a été résolu.

C'est à cause de l'erreur de faute de frappe getElementBy ID . Remplacez-le par 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);
}

Je viens de découvrir qu'IE cesse de prendre en charge trim(), probablement après une récente mise à jour de Windows. Si vous utilisez dojo, vous pouvez l'utiliser dojo.string.trim(), cela fonctionne sur plusieurs plateformes.

Ce problème peut être provoqué par IE en utilisant le mode de compatibilité sur les sites intranet. Il existe deux façons de résoudre ce problème, vous pouvez soit mettre à jour IE pour ne pas utiliser le mode de compatibilité sur votre ordinateur local (dans IE11: Outils-> Paramètres d'affichage de compatibilité -> Décocher Afficher les sites intranet dans l'affichage de compatibilité)

Mieux encore, vous pouvez mettre à jour les balises META dans votre page Web. Ajouter à:

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

Qu'est-ce que ça veut dire? Il indique à IE d'utiliser le dernier mode de compatibilité. Plus d'informations sont disponibles dans MSDN: Spécification des modes de document hérités