.trim () trong JavaScript không hoạt động trong IE

Tôi đã thử áp dụng .trim()một chuỗi trong một trong các chương trình JavaScript của mình. Nó hoạt động tốt trong Mozilla, nhưng một lỗi sẽ hiển thị khi tôi dùng thử trong IE8. Có ai biết những gì đang xảy ra ở đây? Có cách nào tôi có thể làm cho nó hoạt động trong IE không?

mã:

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

hiển thị lỗi:

Thông báo: Đối tượng không hỗ trợ thuộc tính hoặc phương thức này
Dòng: 604
Char: 2
Mã số: 0
URI: http: //test.localhost/test.js

Thêm mã sau đây để thêm chức năng cắt cho chuỗi.

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

Có vẻ như chức năng đó không được triển khai trong IE. Nếu bạn đang sử dụng jQuery, bạn có thể sử dụng $.trim()thay thế ( http://api.jquery.com/jQuery.trim/ ).

jQuery:

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

Ai đó sử dụng $("#mycomment").val().trim();nhưng điều này sẽ không hoạt động trên IE.

Thật không may, không có hỗ trợ JavaScript trên trình duyệt chéo cho trim ().

Nếu bạn không sử dụng jQuery (có phương thức .trim ()), bạn có thể sử dụng các phương thức sau để thêm hỗ trợ cắt cho chuỗi:

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

Đây là một bổ sung khá gần đây cho javascript và nó không được IE hỗ trợ.

Tôi gặp vấn đề tương tự khi cố gắng cắt một giá trị từ đầu vào và sau đó hỏi xem nó có bằng không:

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

Tuy nhiên, điều này đã tạo ra một cờ lê trong các tác phẩm cho IE6 - 8. Thật khó chịu, tôi đã cố gắng thay đổi nó như vậy:

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

Tuy nhiên, sử dụng phương pháp cắt của jQuery, hoạt động hoàn hảo đối với tôi trong tất cả các trình duyệt ..

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

Tôi đã viết một số mã để thực hiện chức năng cắt.

LTRIM (cắt trái):

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

RTRIM (cắt phải):

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

TRIM (cắt cả hai mặt):

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

HOẶC LÀ

Biểu thức thông thường cũng có sẵn mà chúng ta có thể sử dụng.

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

Giải thích hữu ích

Chúng tôi có thể nhận được mã chính thức từ internet! Tham khảo điều này:

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

Chạy mã sau đây trước bất kỳ mã nào khác sẽ tạo trim () nếu nó không có sẵn.

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

để biết thêm: Tôi vừa tìm thấy có dự án js để hỗ trợ EcmaScript 5: https://github.com/es-shims/es5-shim bằng cách đọc mã nguồn, chúng tôi có thể có thêm kiến ​​thức về 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);

Tôi không nghĩ có một trim()phương thức riêng trong tiêu chuẩn JavaScript. Có thể Mozilla cung cấp một cái, nhưng nếu bạn muốn một cái trong IE, bạn sẽ cần phải tự viết nó. Có một vài phiên bản trên trang này .

Tôi gặp vấn đề tương tự trong IE9 Tuy nhiên khi tôi khai báo phiên bản html được hỗ trợ với thẻ sau trên dòng đầu tiên trước dòng

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

Vấn đề đã được giải quyết.

Điều này là do lỗi chính tả getEuityBy ID . Thay đổi nó thành getEuityById

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

Chỉ cần phát hiện ra rằng IE ngừng hỗ trợ trim(), có thể sau khi cập nhật Windows gần đây. Nếu bạn sử dụng võ đường, bạn có thể sử dụng dojo.string.trim(), nó hoạt động đa nền tảng.

Vấn đề này có thể do IE sử dụng chế độ tương thích trên các trang mạng nội bộ. Có hai cách để giải quyết vấn đề này, bạn có thể cập nhật IE để không sử dụng chế độ tương thích trên máy cục bộ của mình (trong IE11: Công cụ-> Cài đặt chế độ xem tương thích -> Bỏ chọn Hiển thị trang web mạng nội bộ trong Chế độ xem tương thích)

Tốt hơn nữa bạn có thể cập nhật các thẻ meta trong trang web của bạn. Thêm vào trong:

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

Điều đó có nghĩa là gì? Nó báo cho IE sử dụng chế độ tương thích mới nhất. Thêm thông tin có sẵn trong MSDN: Chỉ định chế độ tài liệu kế thừa