Jquery - Trim функция не работает

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

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

});