{"id":11925,"date":"2022-12-09T10:51:29","date_gmt":"2022-12-09T05:21:29","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=11925"},"modified":"2023-05-12T18:48:34","modified_gmt":"2023-05-12T13:18:34","slug":"mobile-number-validation","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-whatsapp-order-notification-extension\/mobile-number-validation\/","title":{"rendered":"Mobile Number Validation in Frontend"},"content":{"rendered":"<p><strong>1. Registration page<\/strong><\/p>\n<p>Mobile number with country flag is added at the customer registration page.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i.imgur.com\/mdWd6Zg.png\" alt=\"New Customer Account\" width=\"613\" height=\"768\" \/><\/p>\n<p>Mobile number validation is also added when the customer creates a new account.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i.imgur.com\/ZGmEUVL.png\" alt=\"customer creates a new account\" width=\"622\" height=\"768\" \/><\/p>\n<p><strong>2. Update WhatsApp Number<\/strong><\/p>\n<p>Mobile number validation is also added when the customer creates a new account.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12743\" title=\"SS\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-4.png\" alt=\"Mobile Number Validation for Update WhatsApp Number at Customer Account\" width=\"1200\" height=\"629\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-4.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-4-300x157.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-4-1024x537.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-4-768x403.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><strong>3. Guest Checkout<\/strong><\/p>\n<p>Mobile number validation for guest checkout<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12744\" title=\"SS\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-7.png\" alt=\"Mobile Number Validation at Guest Checkout\n\" width=\"1200\" height=\"629\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-7.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-7-300x157.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-7-1024x537.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-7-768x403.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><strong>4. Address Book<\/strong><\/p>\n<p>Mobile number with country flag is added at the customer address book.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i.imgur.com\/LyAmFMl.png\" alt=\"Address Book\" width=\"1342\" height=\"752\" \/><\/p>\n<p>Mobile number validation is added to the customer address book in the frontend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i.imgur.com\/E4AFWQw.png\" alt=\"address book in the frontend.\" width=\"1312\" height=\"751\" \/><\/p>\n<p><strong>5. Checkout Page<\/strong><\/p>\n<p>Mobile number validation is added to the checkout page<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12745\" title=\"SS\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-11.png\" alt=\"Mobile Number Validation at Checkout Page\" width=\"1200\" height=\"629\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-11.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-11-300x157.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-11-1024x537.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2022\/12\/SS-11-768x403.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2100,"menu_order":6,"template":"","manualdocumentationcategory":[584],"manual_doc_tag":[],"class_list":["post-11925","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-whatsapp-order-notification-ultimate"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11925\/revisions"}],"predecessor-version":[{"id":12746,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/11925\/revisions\/12746"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2100"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=11925"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=11925"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=11925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}