javascript - Javascript 在文本框中输入值时修剪空格

Question

我目前正在尝试使用 javascript 函数在另一个中显示一个文本框值

function fillTextbox() {
            var txtCompanyName = document.getElementById("txtCompanyName").value;
            document.getElementById("txtSecureSite").value = txtCompanyName;
        }

我成功地做到了这一点，但现在我想在我的用户输入带空格的名称时修剪空格。请帮助，因为我是 javascript 新手。

Answer 1

使用string.trim()

document.getElementById("txtSecureSite").value = txtCompanyName.toString().trim();

来自MDN

如果 String.trim 本机不可用，则在任何其他代码之前运行以下代码将创建 String.trim。

if(!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^\s+|\s+$/g,'');
  };
}

Answer 2

您可以像这样修剪任何字符串值：

" string ".trim(); // outputs: "string"

基于：https ://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/Trim

或jQuery.trim()改用：

$.trim(" string "); // outputs: "string"

Answer 3

var orig = "   foo  ";
alert(orig.trim());

在你的情况下：

var txtCompanyName = document.getElementById("txtCompanyName").value;
txtCompanyName  = txtCompanyName.toString().trim();

请参阅javascript 中的Trim()

Answer 4

用于replace(/(^\s+|\s+$)/g, '')删除字符串开头和结尾的空格。

 function fillTextbox() {
                var txtCompanyName = document.getElementById("txtCompanyName").value;
                var company = txtCompanyName.replace(/(^\s+|\s+$)/g, '');
                document.getElementById("txtSecureSite").value = company;
            }

Answer 5

尝试 ：

function fillTextbox() {
            var txtCompanyName = document.getElementById("txtCompanyName").value;
            var company = txtCompanyName.replace(/\s/g, "");
            document.getElementById("txtSecureSite").value = company;
        }

Answer 6

保持简单，试试这个

var CompanyName = document.getElementById("txtCompanyName"),
CompanyNameTrimmed = CompanyName.value.trim(),