IE8 e trim di JQuery ()

Sto facendo uso di trim () in questo modo:

if($('#group_field').val().trim()!=''){

Dove group_fieldè un elemento di input di tipo testo. Funziona in Firefox ma quando lo provo su IE8 mi dà questo errore:

Message: Object doesn't support this property or method

Quando rimuovo il trim (), funziona bene su IE8. Ho pensato che il modo in cui sto usando trim () sia corretto?

Grazie a tutti per qualsiasi aiuto

Prova questo invece:

if($.trim($('#group_field').val()) != ''){

Ulteriori informazioni:

• http://api.jquery.com/jQuery.trim/

Dovresti usare $.trim, in questo modo:

if($.trim($('#group_field').val()) !='') {
    // ...
}

Un'altra opzione sarà definire il metodo direttamente Stringnel caso in cui manchi:

if(typeof String.prototype.trim !== 'function') {
  String.prototype.trim = function() {
    //Your implementation here. Might be worth looking at perf comparison at
    //http://blog.stevenlevithan.com/archives/faster-trim-javascript
    //
    //The most common one is perhaps this:
    return this.replace(/^\s+|\s+$/g, ''); 
  }
}

Quindi trimfunzionerà indipendentemente dal browser:

var result = "   trim me  ".trim();

Per quanto ne so, Javascript String non ha il metodo trim. Se vuoi usare la funzione trim, allora usa

<script>
    $.trim(string);
</script>

Per tagliare globalmente l'input con testo di tipo utilizzando jQuery:

/**
 * Trim the site input[type=text] fields globally by removing any whitespace from the
 * beginning and end of a string on input .blur()
 */
$('input[type=text]').blur(function(){
    $(this).val($.trim($(this).val()));
});