anewholm

<p>This is a generic Courier Address field management plugin with special extensions for Courier delivery charging. It is compatable with <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a> but also creates generic form element shortcodes. <a href="http://wordpress.xsearchservices.com/allplugins/courier-address/" rel="nofollow ugc">Working example</a></p>
<ul>
<li>[courier_address (from/to)] Courier Address possibility lookups / predictions / postcodes with GeoCoding.<br />
e.g. [courier_address from] [courier_address to]<br />
with Postcode charges based on Addresses filled out in settings.</li>
<li>[courier_distance] Distances with embedded Google map to show journey.<br />
based on the names of other address fields, e.g. [courier_distance (from/to)]</li>
<li>[courier_result (name)] Result calculations based on flexible equation in the settings:<br />
e.g. [courier_result price]<br />
Math.max({from-postal_code_price}, {to-postal_code_price})</li>
</ul>
<p>Courier Address field also enables all other installed shortcodes in <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a> forms, e.g. <a href="https://wordpress.org/plugins/simple-tooltips/" rel="ugc">simple_tooltip</a></p>
<h3>Example CF7 form</h3>
<pre><code><div id="addresses">
  [courier_address* from required-address-detail:postcode_charge]Where?[/courier_address*] 
  [courier_address* to  required-address-detail:postcode_charge]To?[/courier_address*]
</div>

<div id="results" class="when-has-price">
  <label class="price-label">Price:</label> [courier_result* price currency:Ft]
  [text* your-name placeholder "Your Name"]
  [text* phone-number placeholder "Phonenumber"]
  [submit "Request Delivery"]
</div>

[courier_distance* from to measure:km map:400]
</code></pre>


Courier Address

[courier_address] Google address Autocomplete, [courier_distance] Google Map, [courier_result] price from configurable equation.

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.

Courier Address vs Masks Form Fields