Skip to content

Add custom validation for phone number in shipping address, billing address and Edit Address form Addressbook at frontend in Magento2. Also add additional class to telephone field. Add flag dropdown to telephone fields and auto detects user's country based on ip and preselect that country flag with International Telephone Input JS https://intl-t…

Notifications You must be signed in to change notification settings

vijayrami/Magelearn_CheckoutPhoneValidator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Magelearn CheckoutPhoneValidator with International Telephone Input JS

Add custom validation for phone number field in Shipping and Billing address form and Address book edit form at frontend.

This module uses International Telephone Input JS https://intl-tel-input.com/ which is a Jquery Plugin for entering and validating international telephone numbers.

I have Integrate this jQuery plugin in this Magento2 module. Which adds a country code flag with phone extension prefix dropdown to billing and shipping address telephone field as well as customer edit address book from My Account.

This module also Detects the user's country based on ip and auto select that country flag.

I have also added some code to add additional class to telephone field with which you can add/modify css for different purpose.

Screenshots

form-1

form-2

form-3

form-4

form-5

Improvements

This module needs some improvement regarding with Phone number validation.

  1. Validating the phone number as per the country code flag selected and its Pattern. (https://intl-tel-input.com/node_modules/intl-tel-input/examples/gen/is-valid-number.html)

You can also save this country flag code and prefix Phone number and save it. After that you can display on Address information on Frontend.

About

Add custom validation for phone number in shipping address, billing address and Edit Address form Addressbook at frontend in Magento2. Also add additional class to telephone field. Add flag dropdown to telephone fields and auto detects user's country based on ip and preselect that country flag with International Telephone Input JS https://intl-t…

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published