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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
|
/*
* 顧客リストの郵便番号、TEL、メールの入力をチェックするサンプルプログラム
* Copyright (c) 2024 Cybozu
*
* Licensed under the MIT License
*/
(() => {
'use strict';
// 郵便番号のフィールドコード
const zipFieldCode = '郵便番号';
// TELのフィールドコード
const telFieldCode = 'TEL';
// FAXのフィールドコード
const faxFieldCode = 'FAX';
// メールアドレスのフィールドコード
const mailFieldCode = 'メールアドレス';
// 郵便番号の入力チェック
const validateZip = (event) => {
// 郵便番号の定義(7桁の半角数字)
const zipPattern = /^\d{7}$/;
// event よりレコード情報を取得します
const record = event.record;
// エラーの初期化
record[zipFieldCode].error = null;
// 郵便番号が入力されていたら、入力値を確認する
const zipFieldValue = record[zipFieldCode].value;
if (zipFieldValue) {
// 定義したパターンにマッチするか確認する
if (!(zipFieldValue.match(zipPattern))) {
// マッチしない場合は、郵便番号フィールドにエラーの内容を表示する
record[zipFieldCode].error = '郵便番号は 7 桁の半角数字で入力して下さい。';
}
}
};
// 電話番号の入力チェック
const validateTel = (event) => {
// TELの定義(10桁または 11桁の半角数字)
const telPattern = /^\d{10,11}$/;
// event よりレコード情報を取得する
const record = event.record;
// エラーの初期化
record[telFieldCode].error = null;
// TEL が入力されていたら、入力値を確認する
const telFieldValue = record[telFieldCode].value;
if (telFieldValue) {
// 定義したパターンにマッチするか確認する
if (!(telFieldValue.match(telPattern))) {
// マッチしない場合は、TEL に対してエラーの内容を記載する
record[telFieldCode].error = '電話番号は 10 桁 または 11 桁の半角数字で入力して下さい。';
}
}
};
// FAXの入力チェック
const validateFax = (event) => {
// FAXの定義(10桁または 11桁の半角数字)
const faxPattern = /^\d{10,11}$/;
// event よりレコード情報を取得する
const record = event.record;
// エラーの初期化
record[faxFieldCode].error = null;
// FAX が入力されていたら、入力値を確認する
const faxFieldValue = record[faxFieldCode].value;
if (faxFieldValue) {
// 定義したパターンにマッチするか確認する
if (!(faxFieldValue.match(faxPattern))) {
// マッチしない場合は、FAX に対してエラーの内容を記載する
record[faxFieldCode].error = 'FAX 番号は 10 桁 または 11 桁の半角数字で入力して下さい。';
}
}
};
// メールアドレスの入力チェック
const validateMail = (event) => {
// メールアドレスの定義 (簡易的な定義です。さらに詳細に定義する場合は下記の値を変更して下さい)
const mailPattern = /^([a-zA-Z0-9])+([a-zA-Z0-9._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9._-]+)+$/;
// event よりレコード情報を取得する
const record = event.record;
// エラーの初期化
record[mailFieldCode].error = null;
// メールアドレスが入力されていたら、入力値を確認する
const mailFieldValue = record[mailFieldCode].value;
if (mailFieldValue) {
// 定義したパターンにマッチするか確認する
if (!(mailFieldValue.match(mailPattern))) {
// マッチしない場合は、メールアドレスに対してエラーの内容を記載する
record[mailFieldCode].error = 'メールアドレスとして認識されませんでした。値を確認して下さい。';
}
}
};
// 変更イベント（郵便番号)
kintone.events.on([
'app.record.create.change.' + zipFieldCode,
'app.record.edit.change.' + zipFieldCode,
'app.record.index.edit.change.' + zipFieldCode
], (event) => {
validateZip(event);
return event;
});
// 変更イベント(電話番号)
kintone.events.on([
'app.record.create.change.' + telFieldCode,
'app.record.edit.change.' + telFieldCode,
'app.record.index.edit.change.' + telFieldCode
], (event) => {
validateTel(event);
return event;
});
// 変更イベント(FAX)
kintone.events.on([
'app.record.create.change.' + faxFieldCode,
'app.record.edit.change.' + faxFieldCode,
'app.record.index.edit.change.' + faxFieldCode
], (event) => {
validateFax(event);
return event;
});
// 変更イベント(メールアドレス)
kintone.events.on([
'app.record.create.change.' + mailFieldCode,
'app.record.edit.change.' + mailFieldCode,
'app.record.index.edit.change.' + mailFieldCode
], (event) => {
validateMail(event);
return event;
});
// 追加・更新イベント
kintone.events.on([
'app.record.create.submit',
'app.record.edit.submit',
'app.record.index.edit.submit'
], (event) => {
validateZip(event);
validateTel(event);
validateFax(event);
validateMail(event);
return event;
});
})();
|
