フォーム送信時に確認ポップアップを表示する方法

フォーム送信時に確認ポップアップを表示する方法

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

フォーム送信時に確認ポップアップを実装することで、ユーザーの処理が次に進む前に検証および確認を行えます。ユーザーがデータを送信する際、確認ダイアログボックスが表示されます。この機能追加により、意図しないフォーム送信を防止し、重要な処理に対して追加の検証レイヤーを提供することで、ユーザーエクスペリエンスが向上します。次の手順は、アプリケーション内の主要なフォームに設定し、送信時に確認ポップアップを表示させる方法です。
  1. フォームを作成し、確認ポップアップとして表示するために次の詳細を入力します。

    フォーム名

    Form リンク 名前

    項目 種類

    項目 名前

    項目 リンク 名前

    Confirmation Pop-up

    Confirmation_Popup

    このフォームを複製し、「stateless form」として作成し、名前を確定 送信する?、リンク名をConfirm_Submitとして作成します)

    メモ

    メモ
     
    メモ: メモ項目の内容はポップアップとともにユーザーに表示されます。例として、メッセージ『本当にフォームを送信しますか?』と入力しています。

    メモ

    Multi 折れ線グラフ

    Temp Data

    Temp_Data

  2. 確定 送信する?ステートレスフォームのフォームプロパティに移動し、送信するリセットするボタンの名前を確定キャンセルするに変更します。また、送信するリセットするの種類をボタンに変更してください。

  3. ワークフローを作成し、確定 送信する?ステートレスフォーム内のTemp_dataMulti 折れ線グラフ項目を非表示にします(この項目は内部利用のため使用中です)。Form eventとして項目 Rulesを選択し、ワークフロー名を「隠す 項目」とします。

  4. 新しく追加する 操作 > 隠す 項目をクリックし、Temp Data項目を選択します。

  5. 新規ワークフローを作成し、標準フォーム(Main Form)のフォーム送信成功時に実行して、データが送信された際(作成または編集)に確認用ポップアップを表示します。

  6. 新しく追加する 操作 > Deluge Scriptをクリックし、以下のコードをDelugeエディターに追加します。このコードは、メインフォーム内の各項目から入力された値を取得し、JSON形式に変換します。その結果得られたJSONが、非表示のTemp_DataMultiline項目に確定 送信する?ポップアップフォームで反映されます。
    1. //追加されたデータを、入力データIDと一致させて取得します。
    2. sourceRecord = [ID == input。ID];
    3. //getFieldNames();関数を使用して、Asset_Requests フォーム内のすべての項目リンク名を取得します。
    4. fieldNames = sourceRecord。getFieldNames();
    5. //項目リンク名とその値をJSON形式で保存する map 変数を作成します。
    6. jsonObject = Map();
    7. for each 項目 in fieldNames
    8. {
    9. 値 = sourceRecord。getFieldValue(項目);
    10. jsonObject。put(項目,値);
    11. }
    12. //受注データを[パッケージ]データに変換するだけで、toString();関数を使ってJSONをテキストに変換します。
    13. jsonString = jsonObject。toString();
    14. //encode関数で、URLパラメーターに値を渡すためJSON文字列をエンコードします。
    15. encoded_json = encodeUrl(jsonString);
    16. //openUrl関数で、入力された値をクエリパラメーターとして渡し、確認ポップアップの前にメインフォームを開きます。これにより、フォームの更新後に項目値が空になるのを防ぐことができます。
    17. openUrl('#Form: ? ='+input. +'& ='+input. +'& ='+input. ,'same window');
    18. //openUrl関数で、確認送信用のステートレスフォームをポップアップで開き、Temp_Dataの複数行項目にJSON値を渡します。
    19. openUrl('#Form:Confirm_Submit?Temp_Data=' + encoded_json,'popup window','height=300,width=500');
    20. //削除関数で、ユーザーの確認がないまま登録されることを防ぐため、送信済みデータを削除します。
    21. 削除 差出人 [ID == sourceRecord];
    22. ここで、

      <Main_form_link_name>

      は、ユーザーが送信するをクリックした際に確認ポップアップが表示されるフォームのリンク名前です。

  7. ワークフローを作成し、確定 送信する?ステートレスフォーム内のボタンのクリック時に実行されるように設定し、ボタンは確定を選択します。ワークフロー名は「送信するデータ」としてください。

  8. 新しく追加する操作 > Deluge Scriptをクリックし、Delugeエディターに以下のコードを追加します。これにより、ユーザーが確定ボタンをクリックした際、「確定 送信する?」ポップアップのTemp_Data項目に保存された入力値(JSON)を使用し、メインフォームにデータが挿入されます。
    1. //Temp Data項目に格納されたJSONデータを、JSONキーと項目リンク名を一致させてメインフォームにデータとして追加します。
    2. insert into
    3. [
    4. Added_User=Zoho.loginuser
    5. =input。Temp_Data。getJSON(' ')
    6. =input。Temp_Data。getJSON(' ')
    7. =input。Temp_Data。getJSON(' ')
    8. ];
    9. //ユーザーをメインフォームへ戻します。
    10. openUrl('#Form: ','same window');
  9. 新しいワークフローを作成し、確定 送信する?のステートレスフォーム内でボタンをクリックした際に実行されるように設定します。ボタンはキャンセルするを選択してください。ワークフロー名は「キャンセルする データ」とします。

  10. 新しく追加する 操作 > Deluge Scriptをクリックし、Delugeエディタに以下のコードを追加します。これにより、ユーザーがポップアップ内のキャンセルするボタンをクリックした際に確定 送信する?ポップアップが閉じられます。
  1. //確定 送信する? ポップアップウィンドウを閉じる
  2. openUrl('#Script:page.閉じる ','popup window');

動作方法を見る

 
  1. ステートレスフォーム
  2. getFieldNames()
  3. encodeURL()
  4. openURL()
  5. データを追加する
  6. データを削除する


    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho Campaigns Resources

                Zoho WorkDrive Resources




                  • Desk Community Learning Series


                  • Digest


                  • Functions


                  • Meetups


                  • Kbase


                  • Resources


                  • Glossary


                  • Desk Marketplace


                  • MVP Corner


                  • Word of the Day


                  • Ask the Experts









                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.