Add validation for zip code

src/form/index.ts

@@ -14,6 +14,7 @@ import * as email from './validators/email';
 import * as minLength from './validators/min-length';
 import * as maxLength from './validators/max-length';
 import * as noEmptySpaces from './validators/no-empty-spaces';
+import * as zip from './validators/zip';
 
 // Prepare validators.
 const validators = [
@@ -22,6 +23,7 @@ const validators = [
 	minLength,
 	maxLength,
 	noEmptySpaces,
+	zip,
 ];
 
 /**

src/form/validators/zip.ts

@@ -0,0 +1,38 @@
+/**
+ * Internal dependencies.
+ */
+import { TPFormFieldElement } from '../tp-form-field';
+import { TPFormValidator } from '../definitions';
+import { getErrorMessage } from '../utility';
+
+/**
+ * Name.
+ */
+export const name: string = 'zip';
+
+/**
+ * Error message.
+ */
+export const errorMessage: string = 'Please enter a valid zip code';
+
+/**
+ * Validator.
+ */
+export const validator: TPFormValidator = {
+	validate: ( field: TPFormFieldElement ): boolean => {
+		// Get the field value or default to empty string.
+		const value = field.getField()?.value ?? '';
+
+		// Get custom regex pattern from regex attribute or use default.
+		const customPattern: string | null = field.getAttribute( 'regex' );
+		const defaultPattern: string = '^[A-Za-z0-9][A-Za-z0-9\\- ]{1,8}[A-Za-z0-9]$';
+		const pattern: string = customPattern ?? defaultPattern;
+
+		// Create regex object from pattern.
+		const zipCodeRegex: RegExp = new RegExp( pattern );
+
+		// Test the trimmed value against the regex pattern.
+		return zipCodeRegex.test( value.trim() );
+	},
+	getErrorMessage: (): string => getErrorMessage( name ),
+};