プレースホルダーの作成の仕方の続き

[kitano (北野)]

お世話になっております。

以下のURLの続きになります。
(FormBridge新バージョンでのプレースホルダーの入れ方 - wv-sumichan の #2)
新バージョンでは以下のようにいれましたが、うまく入れられませんでした。
(function() {
‘use strict’;

formBridge.events.on(‘form.show’, function (context) {
console.log(‘Form context:’, context);

// getRecord関数を使用してフィールド情報を取得
if (typeof context.getRecord === 'function') {
  const record = context.getRecord();
  console.log('Record:', record);

  // フィールド情報が取得できた場合の処理
  if (record && record.fields) {
    if (record.fields[5]) {
      record.fields[5].placeholder = '例：JTBデータサービス';
    }
    if (record.fields[11]) {
      record.fields[11].placeholder = '姓 例：中村';
    }
    if (record.fields[12]) {
      record.fields[12].placeholder = '名 例：一郎';
    }
    if (record.fields[14]) {
      record.fields[14].placeholder = 'セイ 例：ナカムラ';
    }
    if (record.fields[15]) {
      record.fields[15].placeholder = 'メイ 例：イチロウ';
    }
    if (record.fields[17]) {
      record.fields[17].placeholder = '半角入力 （ハイフンなし）例：0356466750';
    }
    if (record.fields[19]) {
      record.fields[19].placeholder = '半角入力 例：ichirou@xxx.co.jp';
    }
    if (record.fields[21]) {
      record.fields[21].placeholder = '確認のためもう一度ご入力ください 半角入力 例：ichirou@xxx.co.jp';
    }
    if (record.fields[23]) {
      record.fields[23].placeholder = 'お問い合わせ内容を入力してください';
    }
  } else {
    console.error('Fields are undefined or record structure is different.');
  }
} else {
  console.error('getRecord function is not available.');
}

return context;

});
})();

この中で間違っている箇所はありますでしょうか。

[lemon_sour]

北野様

こんにちわ。
FormBridgeについては扱ったことがないので見当違いかもしれませんが、フィールドを取得するのにあたって以下のようなコードを記述する必要があったりしませんか（FormBridge JavaScriptカスタマイズ移行ガイドより）？

// 新しいバージョン
formBridge.events.on('form.show', function (context) {
  // "名前" フィールドを非表示にする
  const nameDom = document.querySelector('.fb-custom--field[data-field-code="名前"]');
  nameDom.style.display = 'none';
});

なんにせよ、JavaScriptによるカスタマイズならば、F12開発者ツールによる調査をご提案します。
動かない？そんな時はデバッグをしてみよう！入門編 - cybozu developer network

[kitano (北野)]

教えていただきありがとうございます。
解決いたしました。