# 全角数字を半角に置換させる方法

**URL:** <https://www.nocode-faq.com/t/topic/3104>\
**Category:** bubble\
**Created:** [2022 年 8 月 23 日午前 3:14 UTC](https://www.nocode-faq.com/t/topic/3104 "2022-08-23T03:14:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![koshi](https://avatars.discourse-cdn.com/v4/letter/k/ce7236/32.png) [@koshi](https://www.nocode-faq.com/u/koshi)\
**Post date:** [2022 年 8 月 23 日午前 3:14 UTC](https://www.nocode-faq.com/t/topic/3104/1 "2022-08-23T03:14:20Z")

</div>

今検索画面を作っているところなのですが、Inputに入力した全角数字を、半角数字に修正して検索する方法を知りたいです。"find＆replace"であれこれやっているのですが、上手くできず。

誰か分かる方、ご教授願いたいです。

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2022 年 8 月 23 日午前 4:43 UTC](https://www.nocode-faq.com/t/topic/3104/2 "2022-08-23T04:43:48Z")

</div>

inputにidを付与して、HTMLエレメントを配置して、その中に以下のコードをコピペしてください。  
途中の"inputエレメントのid"は、ご自身が指定したidに置き換えてください。

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

```

---

<div class="post-metadata">

**Author:** ![akihiro](https://avatars.discourse-cdn.com/v4/letter/a/cdc98d/32.png) [@akihiro](https://www.nocode-faq.com/u/akihiro)\
**Post date:** [2023 年 1 月 13 日午前 6:41 UTC](https://www.nocode-faq.com/t/topic/3104/3 "2023-01-13T06:41:54Z")

</div>

当初の質問者ではございませんが、ご相談をさせてください。

全角数字を半角数字に変更してDBに保存したいのですが、  
ご回答されている以下2点を実施しても変換ができず困っております。

- Inputエレメントのidを登録
- HTMLエレメントに指定のJavascriptを記述

キャプチャの変換ボタンをクリックすると、create a new thingでField typeがtextのカラムに  
Input’s valueが登録できるWorkflowを組んでいます。

誤っていそうなところがわかりましたら、ご教授いただけますでしょうか…？

 ![スクリーンショット 2023-01-13 15.34.29](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/efd85d5d0a944540d84653b424ef8d67cc4b3f1d.png)  
 ![スクリーンショット 2023-01-13 15.34.51](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/9ec6363f818f8e3f8e85f5fd0f6a67ed0937f763.png)

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2023 年 1 月 23 日午後 2:07 UTC](https://www.nocode-faq.com/t/topic/3104/4 "2023-01-23T14:07:13Z")

</div>

@akihiro  
遅れました。

HTML側のidには、#aaa というように "#"を入れてもらえれば動作すると思います。

---

<div class="post-metadata">

**Author:** ![akihiro](https://avatars.discourse-cdn.com/v4/letter/a/cdc98d/32.png) [@akihiro](https://www.nocode-faq.com/u/akihiro)\
**Post date:** [2023 年 1 月 23 日午後 10:43 UTC](https://www.nocode-faq.com/t/topic/3104/5 "2023-01-23T22:43:01Z")

</div>

ありがとうございます！  
"#"を入れたら無事動作しました！！

ご参考までですが、  
Inputの親GroupにThis element is visible on page loadのチェックを外し  
Conditionalで条件充足時のみ表示する設計をすると動作してくれないんですね…  
実装される方はお気をつけください。