# フォームブリッジの数値フィールドでのカンマ桁区切り

**URL:** <https://community.cybozu.dev/t/topic/9540>\
**Category:** kintone 開発相談\
**Created:** [2024 年 9 月 25 日午前 8:54 UTC](https://community.cybozu.dev/t/topic/9540 "2024-09-25T08:54:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![TikuTiku](https://avatars.discourse-cdn.com/v4/letter/t/779978/32.png) [@TikuTiku](https://community.cybozu.dev/u/TikuTiku)\
**Post date:** [2024 年 9 月 25 日午前 8:54 UTC](https://community.cybozu.dev/t/topic/9540/1 "2024-09-25T08:54:02Z")

</div>

お世話になります。

FormBridgeの数値フィールドに桁区切りをつけたく、以下の記事を参考に  
カスタマイズしましたが、動作いたしませんでした。

> [@フォームブリッジにおける数値フィールドのカンマ桁区切りについて](https://community.cybozu.dev/t/topic/5561):
>
> 現在作成中フォームブリッジのフォームで金額を入力させるフィールドを準備しております。 フィールドは数値フィールドなのですがカンマ桁区切りを行いたいと考えております。 文字列フィールドにした場合はJSのコーディングによって桁区切りできたのですが、数値フィールドだと上手く動きませんでした。(数値フィールドには数値しか入力できないから上手くいかない、というWebページを見ましたのでそれが原因かと思っ…

テストで数値フィールドだけのフォームを設置し、(‘field row’)[0];の[0]を色々変更して試しましたがダメでした。念の為、(‘div’)[1]の)[1]も色々変えてみましたが、ダメでした。当方、Javascriptは初心者となります。

2021年の投稿ですので、仕様が変更になっているのでしょうか？それとも変更箇所が間違っているとか…。わかる方がおられれば教えていただければ大変助かります。宜しくお願い致します。

※なお、他の投稿を参考に、文字列フィールドへの桁区切りは実装できましたが、可能ならば数値フィールドで実装したいです。

```javascript
fb.events.confirm.mounted = [function(state) {
let el = document.getElementsByClassName('field row')[0]; // どの行に当たるかはご確認ください
el.getElementsByTagName('div')[1].textContent = el.getElementsByTagName('div')[1].textContent.replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
}];

```

---

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2024 年 9 月 27 日午前 2:58 UTC](https://community.cybozu.dev/t/topic/9540/2 "2024-09-27T02:58:48Z")

</div>

コンソール画面で試しただけですが、動作するようです。

FormBridgeの確認画面でコンソール画面を表示させて  
1行目(0番目)のみに適用

```javascript
let el = document.getElementsByClassName('field row')[0];
el.getElementsByTagName('div')[1].textContent = 
    el.getElementsByTagName('div')[1].textContent.replace(
        /(\d)(?=(\d\d\d)+(?!\d))/g, 
        '$1,'
    );

```

を貼り付けるとカンマ区切りになりました。

 ![image](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/2X/b/b34f62a03dea126574a739df585c3e6245dc17a2.png)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 9 月 30 日午前 2:59 UTC](https://community.cybozu.dev/t/topic/9540/3 "2024-09-30T02:59:43Z")

</div>

クローズされました: 2024 年 9 月 30 日午前 2:59 UTC

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。