Recorte de IE8 y JQuery ()

Estoy haciendo uso de trim () así:

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

Donde group_fieldes un elemento de entrada de tipo texto. Esto funciona en Firefox pero cuando lo intento en IE8 me da este error:

Message: Object doesn't support this property or method

Cuando elimino el recorte (), funciona bien en IE8. Pensé que la forma en que estoy usando trim () es correcta.

Gracias a todos por cualquier ayuda

Prueba esto en su lugar:

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

Más información:

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

Deberías usar $.trim, así:

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

Otra opción será definir el método directamente Stringen caso de que falte:

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

Entonces trimfuncionará independientemente del navegador:

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

Hasta donde yo sé, Javascript String no tiene el método trim. Si desea utilizar la función de recorte, utilice

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

Para recortar globalmente la entrada con texto de tipo usando 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()));
});