webdevqa.jp.net

IE8およびJQueryのtrim()

私はtrim()を次のように利用しています:

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

どこgroup_fieldは、テキストタイプの入力要素です。これはFirefoxで機能しますが、IE8で試してみると、次のエラーが表示されます。

Message: Object doesn't support this property or method

Trim()を削除すると、IE8で正常に動作します。私はtrim()の使用方法が正しいと思いましたか?

助けてくれてありがとう

103
Abs

代わりにこれを試してください:

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

詳細:

200
Sarfraz

次のように $.trim を使用する必要があります。

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

私の知る限り、Javascript Stringにはメソッドtrimがありません。関数trimを使用する場合は、次を使用します

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

別のオプションは、欠落している場合にStringでメソッドを直接定義することです:

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

その後、trimはブラウザに関係なく動作します:

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

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()));
});
3
Stone