# kintone.events.on について

**URL:** <https://community.cybozu.dev/t/topic/9436>\
**Category:** kintone 開発相談\
**Created:** [2024 年 8 月 28 日午前 4:40 UTC](https://community.cybozu.dev/t/topic/9436 "2024-08-28T04:40:59Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ehara](https://avatars.discourse-cdn.com/v4/letter/e/e56c9b/32.png) [@ehara](https://community.cybozu.dev/u/ehara)\
**Post date:** [2024 年 8 月 28 日午前 4:40 UTC](https://community.cybozu.dev/t/topic/9436/1 "2024-08-28T04:40:59Z")

</div>

お世話になっております。  
FormBridgeのJavaScriptについて、知見ある方がいらしたらご教示下さい。

【困っている事】  
kintoneのJavaScriptで、  
(1)「kintone.events.on([‘app.record.create.submit’, ‘app.record.edit.submit’], function(event)」を  
使っていますが、同じ事をFormBridgeでさせたくて  
(2)「fb.events.on([‘app.record.create.submit’, ‘app.record.edit.submit’], function(event)」としたところ  
下記エラーになってしまいます。  
「Uncaught TypeError: fb.events.on is not a function」

【お願い】  
(1)と同じ内容となるFormBridgeの構文をご教示ねがいます。  
または、参考になるサイトなど教えていただければ幸いです。

【やりたい事：ユーザー認証】  
FormBridgeで入力した「ユーザー」「パスワード」が、  
kintoneに登録してある「User\_ID」「Pass\_Word」と一致しないとエラーとする  
※詳しくは下記に投稿してありますので、よろしくお願いいたします。

> [@kintoneのJavaScriptをFormBridgeへ移行](https://community.cybozu.dev/t/topic/9432):
>
> 初めまして、kintoneの初心者です。 こちらへのご相談で良かったのか迷いましたが、よろしかったらご教示お願いいたします。 （前提1）kintoneのform（user-pass）で「User\_ID」と「Pass\_Word」のテーブルを作成しました。 （前提2）kintoneのform（ユーザー認証）で「お客様\_ID」と「お客様\_Pass」と「会社名」の入力項目を作成しました。 （やりた…

---

<div class="post-metadata">

**Author:** ![puppet](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/puppet/32/2126_2.png) [@puppet](https://community.cybozu.dev/u/puppet)\
**Post date:** [2024 年 8 月 28 日午前 6:56 UTC](https://community.cybozu.dev/t/topic/9436/2 "2024-08-28T06:56:19Z")

</div>

フォームブリッジは利用していないのですが、

> **[JavaScript/CSSでカスタマイズ](https://guide.kintoneapp.com/formbridge/advanced-customization/)**
>
> プレミアムコース以上で利用可能です ※本設定は動作の保証を行っておらず、サポートの対象外です。あらかじめご了承ください。 JavaScriptやCSSを設定することで、フォーム上の動作や見た目をカスタ

↑このページ内にあるリンク、

> **[カスタマイズ](https://formbridge.kintoneapp.com/help/customize)**
>
> FormBridge

↑こちらがフォームブリッジ画面でのイベント一覧なのではないでしょうか？

---

<div class="post-metadata">

**Author:** ![ehara](https://avatars.discourse-cdn.com/v4/letter/e/e56c9b/32.png) [@ehara](https://community.cybozu.dev/u/ehara)\
**Post date:** [2024 年 8 月 28 日午前 7:20 UTC](https://community.cybozu.dev/t/topic/9436/3 "2024-08-28T07:20:42Z")

</div>

puppet様、返信ありがとうございます。

ご通知頂いたページは既読しております。

kintoneのJavaScriptでは上手く動作しているので、FormBridgeには苦悩している状況です。

お気遣い、ありがとうございました。

---

<div class="post-metadata">

**Author:** ![puppet](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/puppet/32/2126_2.png) [@puppet](https://community.cybozu.dev/u/puppet)\
**Post date:** [2024 年 8 月 28 日午前 9:03 UTC](https://community.cybozu.dev/t/topic/9436/4 "2024-08-28T09:03:42Z")

</div>

```javascript
kintone.events.on([‘app.record.create.submit’, ‘app.record.edit.submit’], function(event) {});

```

はキントーンで「レコードを保存するとき」に処理開始するので、  
フォームブリッジでは「発生タイミング：フォームから確認画面に移動する前」と置き換え以下のようなコードを作成しました。これは動作するでしょうか？

```javascript
(function() {
  "use strict";

  fb.events.form.confirm = [function (state) {
    // フォームから確認画面に移動する前 に実現したい処理を記述する
    window.alert('確認画面に移動する前の処理')
  }];
})();

```

検討違いの回答でしたらすみません！

---

<div class="post-metadata">

**Author:** ![ehara](https://avatars.discourse-cdn.com/v4/letter/e/e56c9b/32.png) [@ehara](https://community.cybozu.dev/u/ehara)\
**Post date:** [2024 年 8 月 29 日午前 1:44 UTC](https://community.cybozu.dev/t/topic/9436/5 "2024-08-29T01:44:16Z")

</div>

## puppet様、迅速なサポートありがとうございました。 ご教示頂いたjavascripを試したところ、ＯＫでした。 【現状報告】 以下のスクリプトでFormBridgeの項目が取得・表示出来ました。 目的に少し前進しました。

(function() {  
“use strict”;

fb.events.form.confirm = [function (state) {

```
// フォームから確認画面に移動する前 に実現したい処理を記述する
window.alert('確認画面に移動する前の処理')

    var record = state.record;
    var customerID = record['お客様_ID'].value; // お客様番号フィールドの値を取得
    var customerPass = record['お客様_Pass'].value; // お客様パスワードフィールドの値を取得
    var companyName = record['法人の正式名称'].value; // 法人正式名称の値を取得

    window.alert('お客様番号：' + customerID)
    window.alert('お客様パスワード：' + customerPass)
    window.alert('法人の正式名称：' + companyName)

```

}];

## })();

---

<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 月 1 日午前 1:44 UTC](https://community.cybozu.dev/t/topic/9436/6 "2024-09-01T01:44:52Z")

</div>

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