VisualNEO Web

A plugin to make masks on form fields.

Based on:

https://igorescobar.github.io/jQuery-Mask-Plugin/

Sample App:
https://visualneo.com/tutorials/neoinputmask

Description

The neoInputMask plugin for VisualNEO Web allows developers to apply input masks to form fields, enhancing user input accuracy by guiding the format of data entered, such as phone numbers, dates, or custom formats. This plugin is ideal for applications requiring specific input structures, like contact forms, checkout fields, or any structured data input. Here’s an overview of its functionalities and practical applications:

Input Masking: The neoInputMask command enables developers to apply predefined or custom masks to input fields, allowing users to see the expected input format as they type.

• Command: neoInputMask
• Syntax: neoInputMask "inputObjId" "theMask"
• inputObjId: The ID of the input object where the mask will be applied.
• theMask: Defines the mask pattern, which can include numbers, letters, or special characters. Developers can use preset masks (e.g., for phone numbers) or design custom ones based on their needs.

Example: To apply a phone number mask:

neoInputMask "phoneInput" "(999) 999-9999"

This command formats the input field with parentheses and dashes, allowing only numbers in the correct phone format.

Removing Masks

With the neoInputMaskRemove command, developers can remove an existing mask from an input field if needed.

• Command: neoInputMaskRemove
• Syntax: neoInputMaskRemove "inputObjId"
• inputObjId: The ID of the input object where the mask should be removed.

Applications

The neoInputMask plugin is versatile for various applications:

• Form Validation: Ensures input formats, like credit cards, phone numbers, and dates, meet specific requirements.
• E-commerce: Standardizes customer input in checkout forms for accurate data collection.
• Data Entry Systems: Helps users enter data in consistent formats, improving database accuracy.
  
  

By applying these masks, developers can greatly enhance data integrity and improve user experience within their applications​.

neoInputMask

neoInputMaskRemove

Created with the Personal Edition of HelpNDoc: Elevate your documentation to new heights with HelpNDoc's built-in SEO