@eeplatform/nuxt-layer-common 1.7.38 → 1.7.40

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @eeplatform/nuxt-layer-common
 
+## 1.7.40
+
+### Patch Changes
+
+- bb9a841: Update enrollment form input validations
+
+## 1.7.39
+
+### Patch Changes
+
+- 3287e62: Fix enrollment form parent and guardian contact validation
+
 ## 1.7.38
 
 ### Patch Changes

package/components/EnrollmentForm.vue

@@ -767,9 +767,12 @@
                   <v-row no-gutters>
                     <InputLabel class="text-capitalize" title="Zip Code" />
                     <v-col cols="12">
-                      <v-text-field
+                      <v-mask-input
                         v-model="enrollment.address.current.zipCode"
-                      ></v-text-field>
+                        mask="####"
+                        placeholder="e.g., 1000"
+                        :rules="[validZipCode]"
+                      ></v-mask-input>
                     </v-col>
                   </v-row>
                 </v-col>
@@ -940,10 +943,13 @@
                   <v-row no-gutters>
                     <InputLabel class="text-capitalize" title="Zip Code" />
                     <v-col cols="12">
-                      <v-text-field
+                      <v-mask-input
                         v-model="enrollment.address.permanent.zipCode"
                         :readonly="sameAsCurrentAddress"
-                      ></v-text-field>
+                        mask="####"
+                        placeholder="e.g., 1000"
+                        :rules="[validZipCode]"
+                      ></v-mask-input>
                     </v-col>
                   </v-row>
                 </v-col>
@@ -1083,6 +1089,7 @@
                         placeholder="09XX-XXX-XXXX"
                         variant="outlined"
                         density="comfortable"
+                        :rules="[validContactNumber]"
                       ></v-mask-input>
                     </v-col>
                   </v-row>
@@ -1158,6 +1165,7 @@
                         placeholder="09XX-XXX-XXXX"
                         variant="outlined"
                         density="comfortable"
+                        :rules="[validContactNumber]"
                       ></v-mask-input>
                     </v-col>
                   </v-row>
@@ -1233,6 +1241,7 @@
                         placeholder="09XX-XXX-XXXX"
                         variant="outlined"
                         density="comfortable"
+                        :rules="[validContactNumber]"
                       ></v-mask-input>
                     </v-col>
                   </v-row>
@@ -1466,6 +1475,27 @@ if (prop.school) {
 
 enrollment.value.createdBy = useCookie("user", cookieConfig).value ?? "";
 
+function validZipCode(value: string) {
+  if (value && value.length < 4) {
+    return "Zip code must be at least 4 digits.";
+  }
+  return true;
+}
+
+function validContactNumber(value: string) {
+  // Contact number must start with '09' and be followed by 9 digits
+  const pattern = /^09\d{9}$/;
+  if (value && !pattern.test(value)) {
+    return "Contact number must start with '09' and be followed by 9 digits.";
+  }
+
+  if (value && value.length < 11) {
+    return "Contact number must be at least 11 digits.";
+  }
+
+  return true;
+}
+
 // Set default country values on mount
 if (!enrollment.value.address.current.country) {
   enrollment.value.address.current.country = "Philippines";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@eeplatform/nuxt-layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.7.38",
+  "version": "1.7.40",
   "main": "./nuxt.config.ts",
   "publishConfig": {
     "access": "public"