このJavascriptでは入力フィールドに空白スペースを制限する方法？

Question

私はそれが私がここで見たことからの新しい要求だと信じています。私はinputにonkeyup()を使用して、新しい値を追加して2番目の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; 
}