refactor: header on submit

src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue

@@ -253,6 +253,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           }
         "
         @clear="namePrefix = ''"
+        :rules="[
+          (val) => {
+            const roles = getRole() || [];
+            return !!val || $t('form.error.required');
+          },
+        ]"
       >
         <template v-slot:no-option>
           <q-item>
@@ -273,6 +279,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         :label="$t('customer.form.firstName')"
         for="input-first-name"
         v-model="firstName"
+        :rules="[
+          (val) => {
+            const roles = getRole() || [];
+            return !!val || $t('form.error.required');
+          },
+        ]"
       />
       <q-input
         lazy-rules="ondemand"
@@ -284,6 +296,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         :label="$t('customer.form.lastName')"
         for="input-last-name"
         v-model="lastName"
+        :rules="[
+          (val) => {
+            const roles = getRole() || [];
+            return !!val || $t('form.error.required');
+          },
+        ]"
       />
     </div>
 
@@ -351,6 +369,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         :model-value="readonly ? gender || '-' : gender"
         @update:model-value="(v) => (typeof v === 'string' ? (gender = v) : '')"
         @clear="gender = ''"
+        :rules="[
+          (val) => {
+            const roles = getRole() || [];
+            return !!val || $t('form.error.required');
+          },
+        ]"
       >
         <template v-slot:no-option>
           <q-item>