.trim () di JavaScript tidak berfungsi di IE

Saya mencoba menerapkan .trim()ke string di salah satu program JavaScript saya. Ini berfungsi dengan baik di bawah Mozilla, tetapi kesalahan ditampilkan ketika saya mencobanya di IE8. Adakah yang tahu apa yang sedang terjadi di sini? Apakah ada cara agar saya dapat membuatnya berfungsi di IE?

kode:

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

tampilan kesalahan:

Pesan: Objek tidak mendukung properti atau metode ini
Baris: 604
Char: 2
Kode: 0
URI: http: //test.localhost/test.js

Tambahkan kode berikut untuk menambahkan fungsionalitas trim ke string.

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

Sepertinya fungsi itu tidak diterapkan di IE. Jika Anda menggunakan jQuery, Anda bisa menggunakan $.trim()( http://api.jquery.com/jQuery.trim/ ).

jQuery:

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

Seseorang menggunakan $("#mycomment").val().trim();tetapi ini tidak akan bekerja pada IE.

Sayangnya tidak ada dukungan JavaScript lintas browser untuk trim ().

Jika Anda tidak menggunakan jQuery (yang memiliki metode .trim ()), Anda dapat menggunakan metode berikut untuk menambahkan dukungan trim ke string:

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

Ini adalah tambahan yang cukup baru untuk javascript, dan itu tidak didukung oleh IE.

Saya memiliki masalah serupa ketika mencoba memangkas nilai dari input dan kemudian bertanya apakah itu sama dengan apa-apa:

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

Namun ini melemparkan kunci pas dalam karya untuk IE6 - 8. Cukup mengganggu saya mencoba untuk var seperti:

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

Namun, menggunakan metode trim jQuery, berfungsi sempurna untuk saya di semua browser ..

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

Saya telah menulis beberapa kode untuk mengimplementasikan fungsionalitas trim.

LTRIM (trim kiri):

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

RTRIM (trim kanan):

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

TRIM (rapikan kedua sisi):

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

ATAU

Ekspresi reguler juga tersedia yang dapat kita gunakan.

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

Penjelasan yang Berguna

Kami bisa mendapatkan kode resmi Dari internet! Lihat ini:

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

Menjalankan kode berikut sebelum kode lain akan membuat trim () jika tidak tersedia secara asli.

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

untuk lebih lanjut: Saya baru saja menemukan ada proyek js untuk mendukung EcmaScript 5: https://github.com/es-shims/es5-shim dengan membaca kode sumber, kita bisa mendapatkan lebih banyak pengetahuan tentang 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);

Saya tidak berpikir ada trim()metode asli dalam standar JavaScript. Mungkin Mozilla memasok satu, tetapi jika Anda menginginkannya di IE, Anda harus menulis sendiri. Ada beberapa versi di halaman ini .

Saya memiliki masalah yang sama di IE9 Namun ketika saya menyatakan versi html yang didukung dengan tag berikut di baris pertama sebelum

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

Masalahnya telah diatasi.

Ini karena kesalahan ketik getElementBy ID . Ubah untuk 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);
}

Baru tahu bahwa IE berhenti mendukung trim(), mungkin setelah pembaruan windows baru-baru ini. Jika Anda menggunakan dojo, Anda bisa menggunakannya dojo.string.trim(), itu berfungsi lintas platform.

Masalah ini dapat disebabkan oleh IE menggunakan mode kompatibilitas di situs intranet. Ada dua cara untuk menyelesaikan ini, Anda dapat memperbarui IE untuk tidak menggunakan mode kompatibilitas pada mesin lokal Anda (di IE11: Tools-> Pengaturan Tampilan Kompatibilitas -> Hapus centang Tampilkan situs intranet di Tampilan Kompatibilitas)

Lebih baik lagi Anda dapat memperbarui meta tag di halaman web Anda. Menambahkan:

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

Apa artinya ini? Ia memberi tahu IE untuk menggunakan mode kompatibilitas terbaru. Informasi lebih lanjut tersedia di MSDN: Menentukan mode dokumen lawas