jQuery：input.val（）中单词之间的$ .trim（）空格

Question

I've seen some similar questions to mine here, but they don't really answer me...

So I'm doing this: (Inside the document ready function)

$("#dest").focusin(function() {
    $("#dest").val($.trim($("#dest").val()));
});

The ideia is when the user focus on a input called #dest trim all the space characters on it (previously added using focusout for visual comfort).

Right now, nothing is happening. :(

Hope someone can help me a bit here.

Thanks!

---

Is this a computer related problem? I've tested all the code provided by commenters and none works. I'm using Firefox and Safari under OSX (Snow Leopard) 10.6.8 and also Safari under 10.8.2 (Lion) and I got the same results... OSX problem? -- Everything is ok, check my last edit!

---

Final Edit and Solution thanks to Phil Klein

My problem was using incorrectly jQuery's trim() function... According to the trim() documentation it does the following:

The $.trim() function removes all newlines, spaces (including non-breaking spaces), and tabs from the beginning and end of the supplied string. If these whitespace characters occur in the middle of the string, they are preserved.

Yesterday I didn't read the last part where it says from the beginning and end of the supplied string -- Sorry everyone. :(

Lucky and after the drawing above, @Phil Klein understood my mistake and helped me with a solution:

$(function() {
    $("#dest").on("focus", function() {
        var dest = $(this);
        dest.val(dest.val().split(" ").join("")); 
    });
});

You can read more about the solution and see an example here .

Thanks to @Phil Klein and also everyone who helped me on this one ;)

Answer 1

The example below removes all spaces from the contents of the textbox on focus. This particular example requires jQuery 1.7+ since it uses the new .on() API:

$(function() {
    $("#dest").on("focus", function() {
        var dest = $(this);
        dest.val(dest.val().split(" ").join("")); 
    });
});

See this example: http://jsfiddle.net/RnZ5Y/5/

Answer 2

Try these : $.trim($("#dest").val());
correct me if i am wrong !!

Answer 3

try $("#dest").val().trim(); ,it worked for me.

Answer 4

This function is working fine for your scenario. As it is taking only one space between character and not allow more than 2 space

$(function() {
 $("#dest").on("focusout", function() {
    var dest = $(this);
    dest.val(jQuery.trim(dest.val()));        
    dest.val(dest.val().replace(/[ ]{2,}/, ' ')); 
 });
});

Answer 5

I made my own function :)

look here please :)

function KillSpaces(phrase) {

            var totalPhrase = "";
            for (i = 0; i < phrase.length; i++)
            {
                if (phrase[i] != " ")
                {
                    totalPhrase += phrase[i];
                }
            }
            return totalPhrase;
        }

you can easily use it when ever you want to!

$(document).ready(function(){
var test="for testing purposes only";
alert(killSpaces(test));
});

Answer 6

如果您的代码在页面未完全就绪之前正在执行，则很可能jquery找不到#dest ，并且不会执行用于侦听事件的代码。