1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

/*
 * 顧客リストの郵便番号、TEL、メールの入力をチェックするサンプルプログラム
 * Copyright (c) 2025 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
 */

(() => {
  'use strict';

  // フィールド設定の定義
  const FIELD_CONFIGS = {
    zip: {
      code: '郵便番号',
      pattern: /^\d{3}-?\d{4}$/,
      errorMessage: '郵便番号は3桁-4桁の半角数字（ハイフンあり・なし）で入力してください。'
    },
    tel: {
      code: 'TEL',
      pattern: /^\d{10,11}$/,
      errorMessage: '電話番号は10桁または11桁の半角数字で入力してください。'
    },
    fax: {
      code: 'FAX',
      pattern: /^\d{10,11}$/,
      errorMessage: 'FAX番号は10桁または11桁の半角数字で入力してください。'
    },
    mail: {
      code: 'メールアドレス',
      pattern: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
      errorMessage: 'メールアドレスの形式が正しくありません。正しい形式で入力してください。'
    }
  };

  // 共通バリデーション関数
  const validateField = (event, fieldKey) => {
    const config = FIELD_CONFIGS[fieldKey];
    const record = event.record;
    const fieldCode = config.code;

    // エラーの初期化
    record[fieldCode].error = null;

    // フィールド値の取得
    const fieldValue = record[fieldCode].value;

    // 値が入力されている場合のみバリデーションを実行
    if (fieldValue) {
      if (!config.pattern.test(fieldValue)) {
        record[fieldCode].error = config.errorMessage;
      }
    }
  };

  // 複数フィールドのバリデーション実行
  const validateAllFields = (event) => {
    Object.keys(FIELD_CONFIGS).forEach(fieldKey => {
      validateField(event, fieldKey);
    });
  };

  // イベントリスナーの登録
  const registerEventListeners = () => {
    // 各フィールドの変更イベント
    Object.entries(FIELD_CONFIGS).forEach(([fieldKey, config]) => {
      const fieldCode = config.code;
      kintone.events.on([
        `app.record.create.change.${fieldCode}`,
        `app.record.edit.change.${fieldCode}`,
        `app.record.index.edit.change.${fieldCode}`
      ], (event) => {
        validateField(event, fieldKey);
        return event;
      });
    });

    // 追加・更新イベント
    kintone.events.on([
      'app.record.create.submit',
      'app.record.edit.submit',
      'app.record.index.edit.submit'
    ], (event) => {
      validateAllFields(event);
      return event;
    });
  };

  // イベントリスナーの登録を実行
  registerEventListeners();
})();