Add Currency Mask to Number Form Fields

This code adds a currency input mask to JetFormBuilder text fields with the currency-mask class. It loads the Inputmask library and applies a U.S. dollar formatting style automatically when the form initializes.

Specifications
Add Currency Mask to Number Form Fields
5 January, 2026
  • Plugin
    • JetFormBuilder
  • Category
    • Forms
  • Programming languages
    • PHP
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

Example Use Case

Use this snippet to ensure consistent currency input formatting across forms, improving data quality and user experience on e-commerce, booking, or payment-related forms.
Applicable scenarios:

  • E-commerce product or checkout forms requiring currency inputs.
  • Booking or rental forms that accept price values.
  • Any forms where real-time formatted currency input is needed.
Specifications
Add Currency Mask to Number Form Fields
5 January, 2026
  • Plugin
    • JetFormBuilder
  • Category
    • Forms
  • Programming languages
    • PHP
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Propose a solution
Request a new feature

Leave a feature request through GitHub, and our developers will consider it

Request features