Trim () do IE8 e JQuery

103

Estou fazendo uso de trim () assim:

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

Onde group_fieldé um elemento de entrada do tipo texto. Isso funciona no Firefox, mas quando tento no IE8, ocorre este erro:

Message: Object doesn't support this property or method

Quando eu removo o trim (), ele funciona bem no IE8. Achei que a maneira como estou usando trim () está correta?

Obrigado a todos por qualquer ajuda

jquery internet-explorer internet-explorer-8 trim Abdômen
fonte

Respostas:

199

Em vez disso, tente isto:

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

Mais informações:

Sarfraz
fonte
1
Obrigado, pensei que as funções do JQuery pudessem ser encadeadas e era assim que todas funcionavam!
Abs
38
@Abs: val()não retorna um objeto jQuery, portanto, o encadeamento está fora da opção. Você estava chamando o trim()método em uma string, mas o IE não conhece String.trim.
janmoesen
FWIW, acabei de falhar na revisão de código de alguém porque eles usaram a sintaxe do OP. Eles obviamente não testaram em nenhuma versão do MSIE.
Adrian J. Moreno
3
Por outro lado, se você estiver testando o MSIE8, ele não saberá sobre Array.indexOf (). Use jQuery.inArray () em vez disso.
Stone
14

Você deve usar $.trim, assim:

if($.trim($('#group_field').val()) !='') {
    // ...
}
Alex Gyoshev
fonte
10

Outra opção será definir o método diretamente Stringcaso esteja faltando:

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

Então trimfuncionará independentemente do navegador:

var result = "   trim me  ".trim();
andreister
fonte
10

Até onde eu sei, Javascript String não tem o método trim. Se você quiser usar o ajuste de função, use

<script>
    $.trim(string);
</script>
Bang Dao
fonte
3

Para cortar a entrada globalmente com texto 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()));
});
Pedra
fonte