JQUERY - 修正功能不工作

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

$(".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 2

它工作良好的裝飾功能不起作用。

修剪功能從所提供的字符串的開始和結尾刪除所有換行符，空格（包括非中斷空格）和製表符。

它不會從中間刪除空格。

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 

}）;