# Mobile Number Validation in Frontend

**1. Address Book**

Mobile number with country flag and validation is added to the customer address book in the frontend.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FmIwmvg70kOOfeCo1tHOA%2FMobile%20Number%20with%20Country%20Flag%20and%20Validation%20in%20Customer%20Address%20Book.png?alt=media&#x26;token=21a748da-f81c-487c-8e31-54bc6a0d0eb8" alt=""><figcaption></figcaption></figure>

**2. Registration page**

Mobile number with country flag and validation is also added when the customer creates a new account.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FDDwbW0SL4FOEuiTOx7UH%2FMobile%20Number%20with%20Country%20Flag%20and%20Validation%20in%20Frontend%20Registration%20Form.png?alt=media&#x26;token=7b9c8d97-395f-4846-929b-752c24a3d0fd" alt=""><figcaption></figcaption></figure>

**3. Checkout Page**

Mobile number validation is added at the time of checkout.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FP3hSo1B5qNNbR1vyrl10%2FMobile%20Number%20Validation%20in%20Checkout%20Page.png?alt=media&#x26;token=5d3e7400-e609-4851-95ac-e933c5ce2ecb" alt=""><figcaption></figcaption></figure>