IE8和JQuery的trim()


103

我正在像这样使用trim():

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

where group_field是文本类型的输入元素。这在Firefox中有效,但是当我在IE8上尝试时,出现此错误:

Message: Object doesn't support this property or method

当我删除trim()时,它在IE8上可以正常工作。我以为我使用trim()的方式正确吗?

谢谢大家的帮助

Answers:


199

尝试以下方法:

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

更多信息:


1
谢谢,我认为JQuery的功能是可链接的,这就是它们全部起作用的方式!
Abs

38
@Abs:val()不返回jQuery对象,因此无法进行链接。您正在trim()字符串上调用该方法,但IE尚不了解String.trim
janmoesen

FWIW,我只是使某人的代码审查失败,因为他们使用了OP的语法。他们显然没有在任何版本的MSIE中进行测试。
Adrian J. Moreno

3
附带说明一下,如果您正在测试MSIE8,则它不了解Array.indexOf()。使用jQuery.inArray()代替。
斯通


10

另一个选择是直接定义方法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

据我所知,JavaScript字符串没有修整方法。如果要使用功能修剪,请使用

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

3

要使用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()));
});
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.