[WordPress] 外掛分享： DigitalMakers Phone Mask with Flags for Contact Form 7

外掛標籤

開發者團隊

原文外掛簡介

DigitalMakers Phone Mask with Flags for Contact Form 7 adds a phone field to Contact Form 7. You pick a country in the form settings, and the field gets the right mask, placeholder, and validation pattern.
What you get:

Phone field with input mask (e.g. +38 (0__) _–-__)
130+ country masks and validation patterns
Country flag next to the input (can be turned off)
Client-side validation as the user types
Server-side validation on submit
Two display modes: plugin styles or your theme’s styles
Per-form validation messages (CF7 Messages tab)
Adjustable field size
Default settings applied to new forms
No external requests — all assets are local
20+ translations included

How it works:

Install and activate the plugin.
Open a Contact Form 7 form.
Click the “Phone” button in the tag generator to insert a phone field.
Open the “Phone Settings” tab, pick a country, set options.
Don’t forget to fill in the “Message for incomplete phone number” and “Confirmation hint when phone number is complete” fields in the “Messages” tab.
Save.

Supported countries:
130+ countries — United States, United Kingdom, Germany, France, Spain, Italy, Ukraine, Poland, Japan, Australia, Brazil, India, Canada and others.
Premium version:
If you need country switching on the frontend, dropdown search and extra themes, see CF7 Phone Mask DM Premium.
Third Party Libraries
The plugin bundles one third-party JS library:

IMask.js — used for the input mask on the frontend.

Source: https://github.com/uNmAnNeR/imaskjs
License: MIT (Copyright (c) 2016 uNmAnNeR)
License file: assets/vendor/imask/LICENSE

It ships inside the plugin and is loaded with wp_enqueue_script(). No CDN calls.

延伸相關外掛

Contact Form 7 – Phone mask field此外掛為 Contact Form 7 新增一個欄位，可設置電話號碼的格...Country Code For Elementor Form Telephone FieldCountry Code For Elementor Form Telephone Field 外掛可輕...Smart phone field for Gravity Forms這是一個簡單好用的外掛，能夠利用使用者的 IP 位址自動顯示...Telephone field for Elementor FormsTelephone field for Elementor Forms 外掛幫助使用者在 Elem...Smart Phone Field For WPForms, Contact Form 7, Fluent Forms, Elementor Forms, WooCommerce, Formidable Forms總結：WPForms外掛的Smart Phone欄位能夠讓你創建一個含有國...Phone Validator with Flags for WooCommercePhone Validator with Flags for WooCommerce 是一款專為 Woo...Telephone Input For Contact Form 7透過「Telephone Input For Contact Form 7」這個 WordPress ...Telephone field for Gravity FormsTelephone field for Gravity Forms 外掛幫助使用者在 Gravit...Softech Country Phone Validator總結：Softech Country Phone Validator (SCPV) 是一個功能強...Phone Country Autodetect for Forminator總結： 這個輕量級的外掛會根據使用者的 IP 位址，在 Formina...Phone Field with Country Code for Elementor – PluginryAdd an international country code dropdown with flags to ...Flagged Phone Field總結：Flagged Phone Field 外掛是專為 WordPress 設計的強大...