Question

我相信这是我在这里看到的新要求。我在一个onkeyup()上使用input来追加并在第二个input中创建一个新值。它工作得很好，但我想在第二个input中限制白/空格。请参阅pen此处

HTML

 <input type="text" id="fullnames" onkeyup="createUsername();" placeholder="Enter Your Full Name">

<!--restrict blank space-->
<input type="text" id="username" placeholder="Username">

脚本

    function createUsername() {
    var x = document.getElementById("fullnames").value;
    document.getElementById("username").value= x;
}

最终结果

这应该是

Full Names : John Doe 
Username : johndoe

Answer 1

您可以使用String.prototype.replace和String.prototype.toLowerCase方法：

var name = ' John Doe ';
var username = name.replace(/ /g, '').toLowerCase();

console.log(username);

请注意，您可能还需要处理更多字符。例如，在我的语言中，我们可以使用名称ěščřžýáíé（以及它们的大写变体）。

请参阅此要点以获得可以处理这些内容的更高级方法（它确实略有不同 - 将破折号替换为空格，但它几乎相同）：

https://gist.github.com/Majkl578/947036

Answer 2

你可以试试这个：

function createUsername() {
    var x = document.getElementById("fullnames").value;
    x = x.trim() // gets rid of leading and trailing spaces
    var username = document.getElementById("username");
    username.value = x;
}

如何在这个Javascript中限制输入字段中的空格？

2 个答案: