# フォームブリッジにおける数値フィールドのカンマ桁区切りについて

**URL:** <https://community.cybozu.dev/t/topic/5561>\
**Category:** kintone 開発相談\
**Created:** [2021 年 12 月 14 日午前 8:53 UTC](https://community.cybozu.dev/t/topic/5561 "2021-12-14T08:53:08Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2856](https://avatars.discourse-cdn.com/v4/letter/l/a87d85/32.png) [@Legacy\_Account2856](https://community.cybozu.dev/u/Legacy_Account2856)\
**Post date:** [2021 年 12 月 14 日午前 8:53 UTC](https://community.cybozu.dev/t/topic/5561/1 "2021-12-14T08:53:08Z")

</div>

現在作成中フォームブリッジのフォームで金額を入力させるフィールドを準備しております。

フィールドは数値フィールドなのですがカンマ桁区切りを行いたいと考えております。

文字列フィールドにした場合はJSのコーディングによって桁区切りできたのですが、数値フィールドだと上手く動きませんでした。(数値フィールドには数値しか入力できないから上手くいかない、というWebページを見ましたのでそれが原因かと思っております)

確認画面でカンマ桁区切りが表示されるなどでも十分なのですが、実現は可能なのでしょうか。

また参考になるコード等があればご教示いただけますと幸いです。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account382](https://avatars.discourse-cdn.com/v4/letter/l/4491bb/32.png) [@Legacy\_Account382](https://community.cybozu.dev/u/Legacy_Account382)\
**Post date:** [2021 年 12 月 15 日午前 12:21 UTC](https://community.cybozu.dev/t/topic/5561/2 "2021-12-15T00:21:33Z")

</div>

R.I様

確認画面でカンマ区切りが表示されるについてです。

でしたら数値フィールドの設定で桁区切りを表示するという項目があります。

意図が違う場合申し訳ございません。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2856](https://avatars.discourse-cdn.com/v4/letter/l/a87d85/32.png) [@Legacy\_Account2856](https://community.cybozu.dev/u/Legacy_Account2856)\
**Post date:** [2021 年 12 月 15 日午前 3:01 UTC](https://community.cybozu.dev/t/topic/5561/3 "2021-12-15T03:01:37Z")

</div>

ishikawayuito様

コメントありがとうございます。

確かにkintone上には数値フィールドに桁区切りの設定があるのですが、フォームブリッジにはない認識です。

今回はフォームブリッジ上で数値フィールドの桁区切りを行いたいのですが、可能なのでしょうか。

もしくはフォームブリッジ上に桁区切り設定があるのでしょうか？

ご教示いただけますと幸いです、よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account382](https://avatars.discourse-cdn.com/v4/letter/l/4491bb/32.png) [@Legacy\_Account382](https://community.cybozu.dev/u/Legacy_Account382)\
**Post date:** [2021 年 12 月 15 日午前 4:12 UTC](https://community.cybozu.dev/t/topic/5561/4 "2021-12-15T04:12:13Z")

</div>

R.i様

フォームブリッジ上では設定ないですね…申し訳ございません。

文字列のフィールドを使ってやらないといけないかと思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2856](https://avatars.discourse-cdn.com/v4/letter/l/a87d85/32.png) [@Legacy\_Account2856](https://community.cybozu.dev/u/Legacy_Account2856)\
**Post date:** [2021 年 12 月 16 日午前 1:22 UTC](https://community.cybozu.dev/t/topic/5561/5 "2021-12-16T01:22:46Z")

</div>

ishikawayuito様

色々とご確認いただきありがとうございました。

文字列で対応しようと思います。

今後ともよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2229](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@Legacy\_Account2229](https://community.cybozu.dev/u/Legacy_Account2229)\
**Post date:** [2021 年 12 月 20 日午前 2:23 UTC](https://community.cybozu.dev/t/topic/5561/6 "2021-12-20T02:23:33Z")

</div>

R.Iさん

こんにちは。横から失礼します。

&nbsp;

数値フィールドでも確認画面でカンマ区切りにできました。

他の方が参照されるかもしれませんので、コード載せておきます。

対象となる数値フィールドが何行目に当たるかは、お使いのフォームを確認いただき、コードを修正する必要があります。

※DOM操作につき、FormBirdgeの仕様が変わると動作しなくなる可能性があります。

```
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:** ![Legacy\_Account2856](https://avatars.discourse-cdn.com/v4/letter/l/a87d85/32.png) [@Legacy\_Account2856](https://community.cybozu.dev/u/Legacy_Account2856)\
**Post date:** [2021 年 12 月 22 日午前 4:52 UTC](https://community.cybozu.dev/t/topic/5561/7 "2021-12-22T04:52:26Z")

</div>

koichi様

ご教示いただきありがとうございます。

いただいたコードを適用したところ確認画面にカンマ桁区切りが表示され、求めていたかたちになりました。

大変助かりました、ありがとうございます。

今後ともよろしくお願いいたします。

---

<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:** [2023 年 10 月 12 日午前 1:00 UTC](https://community.cybozu.dev/t/topic/5561/8 "2023-10-12T01:00:06Z")

</div>

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