Question

修剪功能无法正常工作

<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

修剪从字符串的开头和结尾删除空格。

如果您要删除连续空格，例如'string string'，请使用以下内容：

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

Updated Example

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

工作正常。

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

它不会从中间移除空格。

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 - 修剪功能不起作用

4 个答案: