Magento 2\u00a0is a globally accepted and popular CMS used by merchants around the world to offer their products and services online. The platform offers the insane capability to customize the default features in order to prepare the store for a specific audience or global customers.<\/p>\n\n\n\n
Today, I\u2019ll talk about one such solution to customize the store\u2019s zip code validation for country-specific customers.<\/p>\n\n\n\n
The admin can add a custom zip code validator to the checkout page in Magento 2 store based on the countries they serve.<\/p>\n\n\n\n
For example, the zip code example shown in the default message on the checkout page is the numeric value \u201c12345\u201d. However, countries like the Netherlands contain alphanumeric zip codes.<\/p>\n\n\n\n
Hence, follow the below solution to add custom input mask for ZIP code in Magento 2<\/strong><\/em> store to show the example in alphanumeric format or any other validations based on the zip code format.<\/p>\n\n\n\n Create zip_codes.xml<\/strong><\/em> at app\/code\/Vendor\/Module\/etc\/zip_codes.xml<\/strong><\/p>\n\n\n\n That\u2019s it.<\/p>\n\n\n\nMethod to Add Custom Input Mask for ZIP Code in Magento 2:<\/h2>\n\n\n\n
<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n xsi:noNamespaceSchemaLocation=\"urn:magento:module:Magento_Directory:etc\/zip_codes.xsd\">\n <zip countryCode=\"GG\">\n <codes>\n <code id=\"pattern_1\" active=\"true\" example=\"AB1 2CD\">^[a-zA-Z]{2}[0-9]{1}\\s[0-9]{1}[a-zA-Z]{2}$<\/code>\n <\/codes>\n <\/zip>\n <zip countryCode=\"NL\">\n <codes>\n <code id=\"pattern_1\" active=\"true\" example=\"1234BW\">^[0-9]{4}[a-zA-Z]{2}$<\/code>\n <code id=\"pattern_2\" active=\"true\" example=\"1234 BW\">^[0-5]{4}[a-z]{2}$<\/code>\n <\/codes>\n <\/zip>\n<\/config><\/pre>\n\n\n\n