Petermann

<p>Add a class in the form field.</p>
<p>Example of use with <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a>:</p>
<pre><code>[tel your-phone class:phone placeholder "Phone"]
</code></pre>
<p>Listing of classes available for use.</p>
<pre><code>('span.start, input.start').mff_mask('00/0000');
('span.date, input.date').mff_mask('00/00/0000');
('span.time, input.time').mff_mask('00:00:00');
('span.time2, input.time2').mff_mask('00:00');
('input.date_time').mff_mask('00/00/0000 00:00:00');
('input.date_time2').mff_mask('00/00/0000 00:00');
('input.cep').mff_mask('00000-000', { clearIfNotMatch: true });
('input.zip').mff_mask('00000');
('input.phone, input[name="phonebr"]').mff_mask(PhoneMaskBehavior, nonoOptions);
('input.phone_us').mff_mask('(000) 000-0000');
('input.taxid').mff_mask('00-0000000');
('input.ssn').mff_mask('000-00-0000');
('input.mixed').mff_mask('AAA 000-S0S');
('input.cpf').mff_mask('000.000.000-00', { reverse: true, clearIfNotMatch: true });
('input.cnpj').mff_mask('00.000.000/0000-00', { reverse: true, clearIfNotMatch: true });
('input.money').mff_mask('000.000.000.000.000,00', { reverse: true });
('input.money2').mff_mask('#.##0,00', { reverse: true });
('input.money3').mff_mask('#,##0.00', { reverse: true });
('input.money4').mff_mask('000,000,000,000,000.00', { reverse: true });
('input.money5').mff_mask('#.##0', { reverse: true });
('input.money6').mff_mask('#,##0', { reverse: true });
('input.ip_address').mff_mask('099.099.099.099');
('input.percent').mff_mask('##0,00%', { reverse: true });
('input.percent2').mff_mask('##0.00%', { reverse: true });
('input.percent3').mff_mask('990,0%', { reverse: true });
('input.percent4').mff_mask('990.0%', { reverse: true });
('input.percent5').mff_mask('#,##0%', { reverse: true });
('input.percent6').mff_mask('#.##0%', { reverse: true });
</code></pre>
<p><a href="https://gist.github.com/petermann/fd1a898e02ca91a0d7231a9f8ee662b4" rel="nofollow ugc">Click here</a> for more details on how to add custom mask.</p>
<p><strong>Optional</strong><br />
– Added option for the format of the Brazilian phone number, with attribute <code>name</code> equal to <code>phonebr</code>.</p>
<h3>Credits</h3>
<p><a href="https://github.com/igorescobar/jQuery-Mask-Plugin" rel="nofollow ugc">jQuery Mask Plugin</a></p>


Masks Form Fields

A plugin to add masks in the form’s fields.

Mohamed Endisha

<p>The International Phone Number Format plugin empowers you to seamlessly format, validate, and store international phone numbers according to the E.164 standard. This functionality spans across various sections of your WooCommerce-powered online store and within WordPress itself. Notably, the plugin effectively formats and validates phone numbers in key areas such as WooCommerce checkout fields, customer account address fields, order details within the WordPress admin dashboard, and user edits page in the WordPress admin dashboard.</p>
<p>The plugin dynamically adapts to the countries associated with billing and shipping addresses in your WooCommerce settings and designates them as the countries for phone number formatting fields.</p>
<h4>Features</h4>
<ul>
<li>Enables easy configuration of fields through the settings.</li>
<li>Automatically formats and validates phone numbers in WooCommerce checkout fields.</li>
<li>Automatic country detection based on the user’s IP address.</li>
<li>Supports automatic formatting and validation of phone numbers in customer account addresses.</li>
<li>Ensures automatic formatting and validation of phone numbers in Dashboard order details.</li>
<li>Provides automatic formatting and validation of phone numbers in Dashboard edit-user details.</li>
<li>Allows customization by setting specific fields as phone numbers for ease of use.</li>
<li>Offers the flexibility to set additional custom Regex patterns for specific country codes using filters.</li>
<li>Stores phone numbers in the E.164 standard ([+][country code][phone number]) for consistency and compatibility.</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.7 or newer.</li>
<li>WooCommerce 6.0 or newer.</li>
<li>PHP version 8.0 or newer.</li>
</ul>
<h3>External Library Usage</h3>
<p>This plugin utilizes the <a href="https://github.com/jackocnr/intl-tel-input" rel="nofollow ugc">intl-tel-input</a> library to provide phone number formatting functionality.</p>
<h3>License</h3>
<p>International Phone Number Format is licensed under the GNU General Public License v2 or later.</p>


International Phone Number Format


Love this plugin, works as expected. Highly recommended!


Works as expected! Thank you

The International Phone Number Format plugin allows you to effortlessly format and validate international phone numbers within WooCommerce and WordPre …

Masks Form Fields vs International Phone Number Format