入力された文字列の小文字を大文字へ変換する

入力された文字列の小文字を大文字に変換し再設定するサンプルを紹介します。

サンプルについて

本サンプルのソースコードについてや、カスタマイズ方法等の技術的なお問合せは承っておりません。

動作イメージ

利用するイベント・API

• 申請入力画面イベント - パーツ値変更イベント

サンプルフォーム

サンプルで利用するフォームには、以下のパーツを配置しています。

パーツID	パーツタイプ	補足
fidText	テキスト（一行）パーツ	-

カスタマイズコード

(function () {
   'use strict';

    collaboflow.events.on('request.input.fidText.change', function (e) {

      var partsData = e.parts;

      // 大文字に変換して再設定
      var textValue = partsData[e.parts_id].value;
      partsData[e.parts_id].value = textValue.toUpperCase();

    });

})();

動作の確認手順

1. サンプルのカスタマイズコードをjsファイルに保存します。
2. アプリ設定＞フォーム設定から新規にフォームを作成します。
3. サンプルフォームに、先で記載されている必要な項目を配置します。
4. サンプルフォームを再度表示し、カスタマイズタブを表示します。
5. 保存したファイルをアップロードします。
6. アプリ設定＞経路設定から新規に経路を作成します。
7. 任意に経路アイテムを配置して、経路を作成します。
8. 新規文書から作成した経路名をクリックします。
9. テキストに任意の値を入力します。
10. 入力値が大文字に変換されます。