Check for required checkbox on submit.

robgietema · robgietema · commit eee512be6377 · 2025-06-13T12:10:58.000+02:00
diff --git a/frontend/packages/volto-form-block/locales/de/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/de/LC_MESSAGES/volto.po
@@ -190,11 +190,6 @@ msgstr "Ihr Formular konnte nicht versendet werden. Bitte laden Sie die Seite ne
 msgid "Your form could not be sent. Please try again later."
 msgstr "Das Formular konnte nicht gesendet werden. Bitte versuchen Sie es später nochmal."
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr "Formular konnte nicht gesendet werden. Versuchen Sie es nochmal."
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -316,6 +311,11 @@ msgstr "Nummer"
 msgid "radio_group"
 msgstr "Radiogruppe"
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr "{field} muss aktiviert werden."
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/en/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/en/LC_MESSAGES/volto.po
@@ -190,11 +190,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -316,6 +311,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/es/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/es/LC_MESSAGES/volto.po
@@ -196,11 +196,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -322,6 +317,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/eu/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/eu/LC_MESSAGES/volto.po
@@ -192,11 +192,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -318,6 +313,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/fr/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/fr/LC_MESSAGES/volto.po
@@ -190,11 +190,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -316,6 +311,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/it/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/it/LC_MESSAGES/volto.po
@@ -190,11 +190,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -316,6 +311,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/ja/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/ja/LC_MESSAGES/volto.po
@@ -190,11 +190,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -316,6 +311,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/nl/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/nl/LC_MESSAGES/volto.po
@@ -190,11 +190,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -316,6 +311,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/pt/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/pt/LC_MESSAGES/volto.po
@@ -190,11 +190,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -316,6 +311,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/pt_BR/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/pt_BR/LC_MESSAGES/volto.po
@@ -196,11 +196,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -322,6 +317,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/ro/LC_MESSAGES/volto.po b/frontend/packages/volto-form-block/locales/ro/LC_MESSAGES/volto.po
@@ -190,11 +190,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -316,6 +311,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/locales/volto.pot b/frontend/packages/volto-form-block/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-05-08T11:56:44.396Z\n"
+"POT-Creation-Date: 2025-06-13T10:09:44.314Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -192,11 +192,6 @@ msgstr ""
 msgid "Your form could not be sent. Please try again later."
 msgstr ""
 
-#. Default: "Your form could not be sent. Please try again."
-#: components/ViewSchemaForm
-msgid "Your form could not be sent. Please try again."
-msgstr ""
-
 #. Default: "Admin info"
 #: components/schema
 msgid "admin_info"
@@ -318,6 +313,11 @@ msgstr ""
 msgid "radio_group"
 msgstr ""
 
+#. Default: "{field} is required to be checked."
+#: components/ViewSchemaForm
+msgid "requiredCheckbox"
+msgstr ""
+
 #. Default: "Select..."
 #: components/Wrappers/CheckboxGroupWrapper
 #: components/Wrappers/SelectWrapper
diff --git a/frontend/packages/volto-form-block/src/components/ViewSchemaForm.jsx b/frontend/packages/volto-form-block/src/components/ViewSchemaForm.jsx
@@ -63,6 +63,10 @@ const messages = defineMessages({
     id: 'No',
     defaultMessage: 'No',
   },
+  requiredCheckbox: {
+    id: 'requiredCheckbox',
+    defaultMessage: '{field} is required to be checked.',
+  },
 });
 
 const FormBlockView = ({ data, id, path, moment: momentlib }) => {
@@ -189,6 +193,8 @@ const FormBlockView = ({ data, id, path, moment: momentlib }) => {
         ),
     );
 
+    const requiredErrors = [];
+
     map(keys(submitData), (field) => {
       if (
         data.schema.properties[field]?.factory === 'number' &&
@@ -206,13 +212,30 @@ const FormBlockView = ({ data, id, path, moment: momentlib }) => {
       }
 
       if (
-        data.schema.properties[field]?.factory === 'label_boolean_field' &&
-        !isBoolean(submitData[field])
+        data.schema.properties[field]?.factory === 'label_boolean_field' ||
+        data.schema.properties[field]?.type === 'boolean'
       ) {
-        submitData[field] = false;
+        if (!isBoolean(submitData[field])) {
+          submitData[field] = false;
+        }
+        if (!submitData[field] && data.schema.required.includes(field)) {
+          requiredErrors.push(
+            intl.formatMessage(messages.requiredCheckbox, {
+              field: data.schema.properties[field].title,
+            }),
+          );
+        }
       }
     });
 
+    if (requiredErrors.length > 0) {
+      map(requiredErrors, (title) => {
+        toast.error(<Toast error title={title} content="" />);
+      });
+      setSubmitPressed(false);
+      return;
+    }
+
     // Order fields based on schema
     submitData = fromPairs(
       flatten(
