SIN Validation

Author: datajohnson

src/web/src/views/CreateStudent.vue

@@ -34,9 +34,10 @@
                     label="SIN"
                     dense
                     outlined
-                    hide-details
+                    hide-details="auto"
                     background-color="white"
                     v-model="student.sin"
+                    :rules="[validSIN]"
                     oninput="
                 if (this.value.length > 9) this.value = this.value.slice(0, 9);
               "
@@ -119,13 +120,19 @@ export default {
     },
   },
   async created() {
-    this.validate = { ...validator };
+    this.validate = { ...validator, validateSIN: this.validateSIN };
   },
   methods: {
     show() {
       this.showDrawer = true;
     },
     saveClick() {
+      const isValidSIN = this.validateSIN(this.student.sin);
+      if (!isValidSIN) {
+        alert("Invalid SIN format");
+        return;
+      }
+
       axios.post(`${STUDENT_URL}`, this.student).then((resp) => {
         console.log(resp.data.data.id);
 
@@ -134,6 +141,38 @@ export default {
         }
       });
     },
+
+    validSIN(input) {
+      const isValid = this.validateSIN(input);
+      return isValid || "Invalid SIN format";
+    },
+
+    validateSIN(input) {
+      // Remove any non-digit characters
+      let sin = input.replace(/\D/g, "");
+
+      // Check if the SIN is exactly 9 digits
+      if (sin.length !== 9) {
+        return false;
+      }
+
+      // Validate using the Luhn algorithm
+      let sum = 0;
+      for (let i = 0; i < sin.length; i++) {
+        let digit = parseInt(sin.charAt(i), 10);
+
+        if (i % 2 === 1) {
+          digit *= 2;
+          if (digit > 9) {
+            digit -= 9;
+          }
+        }
+
+        sum += digit;
+      }
+
+      return sum % 10 === 0;
+    },
   },
 };
 </script>