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 がネイティブに利用できない場合に作成されます。

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

試す ：

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

Answer 4

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

あなたの場合：

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

javascript でTrim()を参照してください

Answer 5

replace(/(^\s+|\s+$)/g, '')文字列の先頭と末尾からスペースを削除するために使用します。

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