jQuery: $.trim() input.val() 中单词之间的空格

Question

我在这里看到了一些与我类似的问题，但他们并没有真正回答我......

所以我这样做：（在文档准备功能内）

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

想法是当用户专注于 input< /code> 称为 #dest 修剪其上的所有空格字符（之前使用 focusout 添加以提高视觉舒适度）。

现在什么也没有发生。 :(

希望有人可以帮助我。

谢谢！

---

这是一个与计算机相关的问题吗？ 我已经测试了评论者提供的所有代码，但没有一个有效。我在 OSX (Snow Leopard) 10.6.8 下使用 Firefox 和 Safari，在 10.8.2 (Lion) 下使用 Safari，得到了相同的结果... OSX 问题？ -- 一切正常，检查我最后的编辑！

---

感谢 Phil Klein 的最终编辑和解决方案

我的问题是错误地使用了 jQuery 的 trim() 函数...根据 trim() 文档 它确实下列：

$.trim() 函数删除所有换行符、空格（包括 不间断空格），以及开头和结尾的制表符 提供的字符串。如果这些空白字符出现在中间 字符串，它们被保留。

昨天我没有读到最后一部分，其中写着从提供的字符串的开头和结尾 - 对不起大家。 :(

幸运的是，在上面的绘图之后，@Phil Klein 理解了我的错误并帮助我找到了解决方案：

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

您可以 阅读有关该解决方案的更多信息并在此处查看示例。

感谢@Phil Klein 以及所有在这方面为我提供帮助的人；）

Answer 1

下面的示例从焦点文本框的内容中删除所有空格。此特定示例需要 jQuery 1.7+，因为它使用新的 .on() API：

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

请参阅此示例：http://jsfiddle.net/RnZ5Y/5/

Answer 2

试试这些：$.trim($("#dest").val());
如果我错了请纠正我！

Answer 3

尝试 $("#dest").val().trim();，它对我有用。

Answer 4

如果您在页面未完全准备好之前执行上面的代码，那么 jquery 很可能找不到 #dest 并且用于侦听事件的代码不会被执行。

Answer 5

该功能非常适合您的场景。因为它只占用字符之间的一个空格，并且不允许超过 2 个空格

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

Answer 6

我制作了自己的函数:)

请看这里:)

function KillSpaces(phrase) {

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

您可以随时轻松使用它！

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