diff options
Diffstat (limited to 'src/components/Question.tsx')
| -rw-r--r-- | src/components/Question.tsx | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/components/Question.tsx b/src/components/Question.tsx index 12cde5d..81c43b2 100644 --- a/src/components/Question.tsx +++ b/src/components/Question.tsx @@ -113,10 +113,28 @@ class RenderedQuestion extends React.Component<QuestionProp> { event.target.parentElement.classList.toggle("selected"); } + const options: string | string[] = this.props.question.data["options"]; switch (event.target.type) { case "text": this.setPublicState("valid", true); break; + + case "checkbox": + // We need to check this here, because checkbox doesn't have onBlur + if (this.props.question.required && typeof options !== "string") { + const keys: string[] = []; + options.forEach((val, index) => { + keys.push(`${("000" + index).slice(-4)}. ${val}`); + }); + if (keys.every(v => !this.props.public_state.get(v))) { + this.setPublicState("error", "Field must be filled."); + this.setPublicState("valid", false); + } else { + this.setPublicState("error", ""); + this.setPublicState("valid", true); + } + } + break; } } |