JQUERY

Question

trim 函数无法正常工作

<input class="input"></input>
<div class="button">CLICK</div>



$(".button").click(function() {

    var name = $( ".input" ).val(); 

    name = $.trim(name);

    console.log("TRIM " + name);    
});

http://jsfiddle.net/5sufd9jj/

Answer 1

一切正常。

trim 函数从提供的字符串的开头和结尾删除所有换行符、空格（包括不间断空格）和制表符。

它不会删除中间的空格。

Answer 2

Trim 删除字符串开头和结尾的空格。

如果要删除连续个空格，例如'string string'，请使用以下命令：

$.trim(name.replace(/\s+/g, ' '));

Updated Example

$(".button").on('click', function() {
    var name = $.trim($('input').val().replace(/\s+/g, ' '));
    console.log("TRIM " + name);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="input"></input>
<div class="button">CLICK</div>

Answer 3

您的输入元素没有任何值，因此返回了一个空字符串

http://jsfiddle.net/lakshay/5sufd9jj/1/

$(".button").click(function() {

var name = $( ".input" ).val(); 

name = $.trim(name);

$(".input").attr("value",name);\To show the trimmed sring

});

Answer 4

String.prototype.trim()

const greeting = '   Hello world!   ';
console.log(greeting); // expected output: "   Hello world!   ";
console.log(greeting.trim()); // expected output: "Hello world!";

填充：

运行以下代码在任何其他代码之前将创建 trim() 如果它不是本机可用的。

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
  };
}

JQUERY - Trim 功能不工作

JQUERY - Trim Function Not Working

input

trim