スペースを全て削除したい

Question

###前提
会員登録機能を実装中です。

$(function(){
    $("#password").change(function(){
        var str = $(this).val();
        str = str.replace( /[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]/g, function(s) {
            return String.fromCharCode(s.charCodeAt(0) - 65248);
        });
        $(this).val(str);
    }).change();
});

上記の該当コードにて、全角で入力されたものをフォーカスを外した場合
半角に変換しています。

###やりたいこと
textにスペースが入力した場合、サブミットでスペースを全て削除したい。
入力画面→入力（全角→半角&スペース削除）→サブミット→入力内容確認画面
入力内容の確認画面にて、全角→半角&スペースを削除して表示したい。

###困っている点

$(function(){
    $("#password").change(function(){
        var str = $(this).val();
        str = str.replace( /[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]/g, function(s) {
            return String.fromCharCode(s.charCodeAt(0) - 65248);
        });

 
var str="　ＡＢＣ　１２３　";
var reg=new RegExp("[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]","g");
var replacement=function(s) {return String.fromCharCode(s.charCodeAt(0) - 65248)};
str = str.replace(reg, replacement).replace(/\s/g,'');
console.log(str);
    }).change();
});

str.replace(/^\s+|\s+$/g,''),
上記のコードで、スペースを取り除ける認識だが何も変わらない。

###質問点
上記コードの修正点をお教えくださいませ

Comments

[退会済みユーザー]

replace の第二引数に正規表現を置いては駄目じゃね？３つめもあるしね。

[Roo]

ご指摘ありがとうございます

第二引数に置けない場合はどのように記載すれば宜しいのでしょうか

Answer 1

str.replace(/^\s+|\s+$/g,''),

先頭と末尾の1つ以上のスペース文字を削除したいのでしょか？

var str="   \n  1\n2  \n   3 \t4   \n   ";
console.log(str.replace(/\s/g,'').length);

追記

var str="　ＡＢＣ　１２３　";
var reg=new RegExp("[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]","g");
var replacement=function(s) {return String.fromCharCode(s.charCodeAt(0) - 65248)};
str = str.replace(reg, replacement).replace(/\s/g,'');
console.log(str);

Comments

[Roo]

いえ、入力されたすべてのスペースでございます

[yambejp]

ごめんなさいうまく伝わってないですね
質問者さんが提示したものが先頭と末尾のスペース文字を削除するもの
わたしの提示たのがすべてのスペース文字を削除するものです

[Roo]

なるほど失礼いたしました。

上記のコード全角→半角のコードに、組み込むことは可能でしょうか？
第二引数に入れるのは、、。という意見よりどのように修正すれば宜しいでしょうか。
教えていただけると幸いです

[yambejp]

全角→半角処理に続けて、スペース削除をしていすればよいでしょう
追記見てください

[Roo]

ご丁寧に　コードありがとうございました。

●困っている点　のコードがyambejp様のご指摘を元に修正したものです。

他の項目はJSが効いておりますが、半の変換&スペースの削除が効いていない状況でございます

Answer 2

削除してから置き換えるか、置き換えてから削除するか？
普通は前者でしょ。そして猫も杓子もjQuery・・・

document.querySelector ('#password').addEventListener ('change', function () {
  this.value = this.value
    .replace (/\s|　/g)
    .replace (/[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]/g,
      (s) => String.fromCharCode (s.charCodeAt(0) - 65248)
    );
},false);

Comments

[Roo]

ご回答ありがとうございました。
先日は返信できずに申し訳ありません。
前者の方で解決いたしました。

また宜しくお願いいたします。

Answer 3

変更後に値を書き直してないのではないですか？

$(function(){
    $("#password").change(function(){
        var str = $(this).val();
        var reg=new RegExp("[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]","g");
        var replacement=function(s) {return String.fromCharCode(s.charCodeAt(0) - 65248)};
        str = str.replace(reg, replacement).replace(/\s/g,'');
        $(this).val(str);
    });
});

Comments

[Roo]

です。完璧です。
ご回答ありがとうございます。
先日は返答できずすみません。助かりました