# エラー表示について

**URL:** <https://community.cybozu.dev/t/topic/3906>\
**Category:** kintone 開発相談\
**Created:** [2019 年 3 月 22 日午前 2:55 UTC](https://community.cybozu.dev/t/topic/3906 "2019-03-22T02:55:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1031](https://avatars.discourse-cdn.com/v4/letter/l/eb8c5e/32.png) [@Legacy\_Account1031](https://community.cybozu.dev/u/Legacy_Account1031)\
**Post date:** [2019 年 3 月 22 日午前 2:55 UTC](https://community.cybozu.dev/t/topic/3906/1 "2019-03-22T02:55:05Z")

</div>

必須項目等に入力がない場合、次へや回答ボタンの横に「入力されていない項目があります」等のエラーメッセージを表示できますでしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account795](https://avatars.discourse-cdn.com/v4/letter/l/94ad74/32.png) [@Legacy\_Account795](https://community.cybozu.dev/u/Legacy_Account795)\
**Post date:** [2019 年 3 月 26 日午前 8:36 UTC](https://community.cybozu.dev/t/topic/3906/2 "2019-03-26T08:36:23Z")

</div>

林田大平様

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

cstapの友利と申します。

以下の記述をしたJavaScriptファイルを読み込ませることで実装できます。&nbsp;

```
(function() {
"use strict";

let d;
const r = fields.filter(v => v.required === true);

fb.events.form.mounted = [function(state) {
const el = document.querySelector('.fb-content').firstElementChild.lastElementChild;
d = document.createElement('d');
const t = document.createTextNode('入力されていない項目があります');
d.appendChild(t);
el.appendChild(d);
d.style.visibility = 'hidden';
d.style.color = '#f56c6c';
return state;
}]

if (!form.isStepForm) {
r.forEach(v => {
fb.events.fields[v.code].changed = [function(state) {
let req = false;
r.forEach(e => {
if (record[e.code].value || record[e.code].value === 0) {
return
}
req = true;
})
if (req) {
d.style.visibility = 'visible';
} else {
d.style.visibility = 'hidden';
}
return state;
}]
})
} else {
form.steps.forEach(e => {
e.fields.forEach(v => {
const f = fields.filter(e => e.code === v)[0]
if (f.required === false) {
return;
}
fb.events.fields[v].changed = [function(state) {
let req = false;
e.fields.forEach(o => {
const h = fields.filter(e => e.code === o)[0]
if (h.required === false) {
return;
}
if (record[o].value || record[o].value === 0) {
return
}
req = true
})
if (req) {
d.style.visibility = 'visible';
} else {
d.style.visibility = 'hidden';
}
return state;
}]
})
})
}

})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1031](https://avatars.discourse-cdn.com/v4/letter/l/eb8c5e/32.png) [@Legacy\_Account1031](https://community.cybozu.dev/u/Legacy_Account1031)\
**Post date:** [2019 年 3 月 26 日午前 11:16 UTC](https://community.cybozu.dev/t/topic/3906/3 "2019-03-26T11:16:00Z")

</div>

cstap 友利様

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

ありがとうございます。

試してみます。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 9 月 27 日午前 4:16 UTC](https://community.cybozu.dev/t/topic/3906/4 "2024-09-27T04:16:55Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。