How to add phone mask to checkout page in magento2?Magento 2 - Form ValidationStop Magento from cleaning phone number in checkoutI need add button link to a new page in Success.phtml (checkout process), how do I?Magento 2: How to add Class on Checkout Page?Checkout page phone number validationHow add mask to input with knockout javascript?Magento2 Checkout page adding buttton after phone numberHow Can I add a jquery mask to zip code input in cart?how to add content in checkout page magento 2?How To Customize Checkout Page Using One Page Checkout extension Call IWD Agency Magento 2.2.6my 2.2.6 magento checkout page do not display firstname,postcode,and telephone input field

How far can gerrymandering go?

Does the Grothendieck group of finitely generated modules form a commutative ring where the multiplication structure is induced from tensor product?

Why is quantum gravity non-renormalizable?

Classify 2-dim p-adic galois representations

I agreed to cancel a long-planned vacation (with travel costs) due to project deadlines, but now the timeline has all changed again

Wings for orbital transfer bioships?

*p++->str : Understanding evaluation of ->

Is this house-rule removing the increased effect of cantrips at higher character levels balanced?

Why doesn't SpaceX land boosters in Africa?

What is the point of using the kunai?

Could citing a database like libgen get one into trouble?

What is the function of const specifier in enum types?

What is the meaning of ゴト in the context of 鮎

When does it become illegal to exchange bitcoin for cash?

Confusion in understanding the behavior of inductor in RL circuit with DC source

What prevents a US state from colonizing a smaller state?

Installed software from source, how to say yum not to install it from package?

Why is the saxophone not common in classical repertoire?

How can I change my buffer system for protein purification?

Which high-degree derivatives play an essential role?

A world with roman numeral alphabet

Why can't i use !(single pattern) in zsh even after i turn on kshglob?

Is it advisable to inform the CEO about his brother accessing his office?

What happened to the Apollo 1 rocket?

How to add phone mask to checkout page in magento2?

Magento 2 - Form ValidationStop Magento from cleaning phone number in checkoutI need add button link to a new page in Success.phtml (checkout process), how do I?Magento 2: How to add Class on Checkout Page?Checkout page phone number validationHow add mask to input with knockout javascript?Magento2 Checkout page adding buttton after phone numberHow Can I add a jquery mask to zip code input in cart?how to add content in checkout page magento 2?How To Customize Checkout Page Using One Page Checkout extension Call IWD Agency Magento 2.2.6my 2.2.6 magento checkout page do not display firstname,postcode,and telephone input field

I need to add a mask to telephone on a checkout page, like +9-(999)-999-99-99.

edited Apr 26 '18 at 15:50

lalit mohan

7576 silver badges29 bronze badges

asked Sep 6 '17 at 8:47

Abs

112 bronze badges

magento.stackexchange.com/questions/95171/…

– lalit mohan
Apr 26 '18 at 13:47

add a comment |

I need to add a mask to telephone on a checkout page, like +9-(999)-999-99-99.

edited Apr 26 '18 at 15:50

lalit mohan

7576 silver badges29 bronze badges

asked Sep 6 '17 at 8:47

Abs

112 bronze badges

magento.stackexchange.com/questions/95171/…

– lalit mohan
Apr 26 '18 at 13:47

add a comment |

I need to add a mask to telephone on a checkout page, like +9-(999)-999-99-99.

edited Apr 26 '18 at 15:50

lalit mohan

7576 silver badges29 bronze badges

asked Sep 6 '17 at 8:47

Abs

112 bronze badges

I need to add a mask to telephone on a checkout page, like +9-(999)-999-99-99.

magento2 onepage-checkout

edited Apr 26 '18 at 15:50

lalit mohan

7576 silver badges29 bronze badges

asked Sep 6 '17 at 8:47

Abs

112 bronze badges

edited Apr 26 '18 at 15:50

lalit mohan

7576 silver badges29 bronze badges

asked Sep 6 '17 at 8:47

Abs

112 bronze badges

edited Apr 26 '18 at 15:50

lalit mohan

7576 silver badges29 bronze badges

edited Apr 26 '18 at 15:50

lalit mohan

7576 silver badges29 bronze badges

edited Apr 26 '18 at 15:50

lalit mohan

7576 silver badges29 bronze badges

asked Sep 6 '17 at 8:47

Abs

112 bronze badges

asked Sep 6 '17 at 8:47

Abs

112 bronze badges

asked Sep 6 '17 at 8:47

Abs

112 bronze badges

magento.stackexchange.com/questions/95171/…

– lalit mohan
Apr 26 '18 at 13:47

add a comment |

magento.stackexchange.com/questions/95171/…

– lalit mohan
Apr 26 '18 at 13:47

magento.stackexchange.com/questions/95171/…

– lalit mohan
Apr 26 '18 at 13:47

add a comment |

3 Answers
3

active

oldest

votes

If by mask you mean format it like that

so change 99999999999 to +9-(999)-999-99-99

then you could write a simple php format function something like:

$data = '+11234567890';

if( preg_match( '/^+d(d3)(d3)(d4)$/', $data, $matches ) )

 $result = $matches[1] . '-' .$matches[2] . '-' . $matches[3];
 return $result;

and then change the pattern to your liking

answered Apr 26 '18 at 14:33

Pascal Wientjes

4324 silver badges11 bronze badges

add a comment |

Why don't you take a look at at this jQuery Mask plugin? Include the script in the head of your website and then call the following below the input field:

$('#billing:telephone').mask('+0-(000)-000-00-00');

answered Apr 26 '18 at 15:01

Liam McArthur

8092 gold badges13 silver badges37 bronze badges

add a comment |

Hope it help you..
http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_zip.html

Please edit in these file in your module

Add the following in vendormagentomodule-checkoutviewfrontendlayoutcheckout_index_index.xml

example: magento2root/app/code/VendorName/ModuleName/view/frontend/layout/checkout_index_index.xml

<item name="telephone" xsi:type="array">
 <item name="validation" xsi:type="array">
 <item name="customValidate" xsi:type="string">true</item>
 </item>
</item>

Add custom validation as per your need in

vendormagentomagento2-baselibwebmagevalidation.js

"customValidate": [
 function (phone_number, element) ,
 'Please specify a valid mobile number with country code example +9-(999)-999-99-99'
 ],

Add following in

vendormagentomodule-uiviewbasewebjslibvalidationrules.js

"customValidate": [
 function(value) 
 return value.length > 9 && value.match(/([+]?d1,2[.-s]?)?(d3[.-]?)2d4/g) && value.match(/^[-+]?[0-9]+$/);
 ,
 $.mage.__('Please specify a valid mobile number')
 ],

edited Apr 26 '18 at 15:16

answered Apr 26 '18 at 15:01

lalit mohan

7576 silver badges29 bronze badges

add a comment |

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);

);

draft saved

draft discarded

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f192152%2fhow-to-add-phone-mask-to-checkout-page-in-magento2%23new-answer', 'question_page');

);

Post as a guest

Name

Required, but never shown

3 Answers
3

active

oldest

votes

3 Answers
3

active

oldest

votes

If by mask you mean format it like that

so change 99999999999 to +9-(999)-999-99-99

then you could write a simple php format function something like:

$data = '+11234567890';

if( preg_match( '/^+d(d3)(d3)(d4)$/', $data, $matches ) )

 $result = $matches[1] . '-' .$matches[2] . '-' . $matches[3];
 return $result;

and then change the pattern to your liking

answered Apr 26 '18 at 14:33

Pascal Wientjes

4324 silver badges11 bronze badges

add a comment |

If by mask you mean format it like that

so change 99999999999 to +9-(999)-999-99-99

then you could write a simple php format function something like:

$data = '+11234567890';

if( preg_match( '/^+d(d3)(d3)(d4)$/', $data, $matches ) )

 $result = $matches[1] . '-' .$matches[2] . '-' . $matches[3];
 return $result;

and then change the pattern to your liking

answered Apr 26 '18 at 14:33

Pascal Wientjes

4324 silver badges11 bronze badges

add a comment |

If by mask you mean format it like that

so change 99999999999 to +9-(999)-999-99-99

then you could write a simple php format function something like:

$data = '+11234567890';

if( preg_match( '/^+d(d3)(d3)(d4)$/', $data, $matches ) )

 $result = $matches[1] . '-' .$matches[2] . '-' . $matches[3];
 return $result;

and then change the pattern to your liking

answered Apr 26 '18 at 14:33

Pascal Wientjes

4324 silver badges11 bronze badges

If by mask you mean format it like that

so change 99999999999 to +9-(999)-999-99-99

then you could write a simple php format function something like:

$data = '+11234567890';

if( preg_match( '/^+d(d3)(d3)(d4)$/', $data, $matches ) )

 $result = $matches[1] . '-' .$matches[2] . '-' . $matches[3];
 return $result;

and then change the pattern to your liking

answered Apr 26 '18 at 14:33

Pascal Wientjes

4324 silver badges11 bronze badges

answered Apr 26 '18 at 14:33

Pascal Wientjes

4324 silver badges11 bronze badges

answered Apr 26 '18 at 14:33

Pascal Wientjes

4324 silver badges11 bronze badges

answered Apr 26 '18 at 14:33

Pascal Wientjes

4324 silver badges11 bronze badges

add a comment |

Why don't you take a look at at this jQuery Mask plugin? Include the script in the head of your website and then call the following below the input field:

$('#billing:telephone').mask('+0-(000)-000-00-00');

answered Apr 26 '18 at 15:01

Liam McArthur

8092 gold badges13 silver badges37 bronze badges

add a comment |

Why don't you take a look at at this jQuery Mask plugin? Include the script in the head of your website and then call the following below the input field:

$('#billing:telephone').mask('+0-(000)-000-00-00');

answered Apr 26 '18 at 15:01

Liam McArthur

8092 gold badges13 silver badges37 bronze badges

add a comment |

Why don't you take a look at at this jQuery Mask plugin? Include the script in the head of your website and then call the following below the input field:

$('#billing:telephone').mask('+0-(000)-000-00-00');

answered Apr 26 '18 at 15:01

Liam McArthur

8092 gold badges13 silver badges37 bronze badges

Why don't you take a look at at this jQuery Mask plugin? Include the script in the head of your website and then call the following below the input field:

$('#billing:telephone').mask('+0-(000)-000-00-00');

answered Apr 26 '18 at 15:01

Liam McArthur

8092 gold badges13 silver badges37 bronze badges

answered Apr 26 '18 at 15:01

Liam McArthur

8092 gold badges13 silver badges37 bronze badges

answered Apr 26 '18 at 15:01

Liam McArthur

8092 gold badges13 silver badges37 bronze badges

answered Apr 26 '18 at 15:01

Liam McArthur

8092 gold badges13 silver badges37 bronze badges

add a comment |

Hope it help you..
http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_zip.html

Please edit in these file in your module

Add the following in vendormagentomodule-checkoutviewfrontendlayoutcheckout_index_index.xml

example: magento2root/app/code/VendorName/ModuleName/view/frontend/layout/checkout_index_index.xml

<item name="telephone" xsi:type="array">
 <item name="validation" xsi:type="array">
 <item name="customValidate" xsi:type="string">true</item>
 </item>
</item>

Add custom validation as per your need in

vendormagentomagento2-baselibwebmagevalidation.js

"customValidate": [
 function (phone_number, element) ,
 'Please specify a valid mobile number with country code example +9-(999)-999-99-99'
 ],

Add following in

vendormagentomodule-uiviewbasewebjslibvalidationrules.js

"customValidate": [
 function(value) 
 return value.length > 9 && value.match(/([+]?d1,2[.-s]?)?(d3[.-]?)2d4/g) && value.match(/^[-+]?[0-9]+$/);
 ,
 $.mage.__('Please specify a valid mobile number')
 ],

edited Apr 26 '18 at 15:16

answered Apr 26 '18 at 15:01

lalit mohan

7576 silver badges29 bronze badges

add a comment |

Hope it help you..
http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_zip.html

Please edit in these file in your module

Add the following in vendormagentomodule-checkoutviewfrontendlayoutcheckout_index_index.xml

example: magento2root/app/code/VendorName/ModuleName/view/frontend/layout/checkout_index_index.xml

<item name="telephone" xsi:type="array">
 <item name="validation" xsi:type="array">
 <item name="customValidate" xsi:type="string">true</item>
 </item>
</item>

Add custom validation as per your need in

vendormagentomagento2-baselibwebmagevalidation.js

"customValidate": [
 function (phone_number, element) ,
 'Please specify a valid mobile number with country code example +9-(999)-999-99-99'
 ],

Add following in

vendormagentomodule-uiviewbasewebjslibvalidationrules.js

"customValidate": [
 function(value) 
 return value.length > 9 && value.match(/([+]?d1,2[.-s]?)?(d3[.-]?)2d4/g) && value.match(/^[-+]?[0-9]+$/);
 ,
 $.mage.__('Please specify a valid mobile number')
 ],

edited Apr 26 '18 at 15:16

answered Apr 26 '18 at 15:01

lalit mohan

7576 silver badges29 bronze badges

add a comment |

Hope it help you..
http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_zip.html

Please edit in these file in your module

Add the following in vendormagentomodule-checkoutviewfrontendlayoutcheckout_index_index.xml

example: magento2root/app/code/VendorName/ModuleName/view/frontend/layout/checkout_index_index.xml

<item name="telephone" xsi:type="array">
 <item name="validation" xsi:type="array">
 <item name="customValidate" xsi:type="string">true</item>
 </item>
</item>

Add custom validation as per your need in

vendormagentomagento2-baselibwebmagevalidation.js

"customValidate": [
 function (phone_number, element) ,
 'Please specify a valid mobile number with country code example +9-(999)-999-99-99'
 ],

Add following in

vendormagentomodule-uiviewbasewebjslibvalidationrules.js

"customValidate": [
 function(value) 
 return value.length > 9 && value.match(/([+]?d1,2[.-s]?)?(d3[.-]?)2d4/g) && value.match(/^[-+]?[0-9]+$/);
 ,
 $.mage.__('Please specify a valid mobile number')
 ],

edited Apr 26 '18 at 15:16

answered Apr 26 '18 at 15:01

lalit mohan

7576 silver badges29 bronze badges

Hope it help you..
http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_zip.html

Please edit in these file in your module

Add the following in vendormagentomodule-checkoutviewfrontendlayoutcheckout_index_index.xml

example: magento2root/app/code/VendorName/ModuleName/view/frontend/layout/checkout_index_index.xml

<item name="telephone" xsi:type="array">
 <item name="validation" xsi:type="array">
 <item name="customValidate" xsi:type="string">true</item>
 </item>
</item>

Add custom validation as per your need in

vendormagentomagento2-baselibwebmagevalidation.js

"customValidate": [
 function (phone_number, element) ,
 'Please specify a valid mobile number with country code example +9-(999)-999-99-99'
 ],

Add following in

vendormagentomodule-uiviewbasewebjslibvalidationrules.js

"customValidate": [
 function(value) 
 return value.length > 9 && value.match(/([+]?d1,2[.-s]?)?(d3[.-]?)2d4/g) && value.match(/^[-+]?[0-9]+$/);
 ,
 $.mage.__('Please specify a valid mobile number')
 ],

edited Apr 26 '18 at 15:16

answered Apr 26 '18 at 15:01

lalit mohan

7576 silver badges29 bronze badges

edited Apr 26 '18 at 15:16

answered Apr 26 '18 at 15:01

lalit mohan

7576 silver badges29 bronze badges

answered Apr 26 '18 at 15:01

lalit mohan

7576 silver badges29 bronze badges

answered Apr 26 '18 at 15:01

lalit mohan

7576 silver badges29 bronze badges

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Magento Stack Exchange!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Ttdfjt

3 Answers
3

Your Answer

Post as a guest

3 Answers
3

3 Answers
3

Post as a guest

Popular posts from this blog

Category:9 (number) SubcategoriesMedia in category "9 (number)"Navigation menuUpload mediaGND ID: 4485639-8Library of Congress authority ID: sh85091979ReasonatorScholiaStatistics

3 Answers 3

Your Answer

Sign up or log in

Post as a guest

Post as a guest

3 Answers 3

3 Answers 3

Sign up or log in

Post as a guest

Post as a guest

Sign up or log in

Post as a guest

Sign up or log in

Post as a guest

Sign up or log in

Post as a guest

Popular posts from this blog

Category:9 (number) SubcategoriesMedia in category "9 (number)"Navigation menuUpload mediaGND ID: 4485639-8Library of Congress authority ID: sh85091979ReasonatorScholiaStatistics

3 Answers
3

3 Answers
3

3 Answers
3