17
Views
2
Comments
Solved
[Input Masks Library] Input Masks Library For number
input-masks-mobile
Reactive icon
Forge asset by Labs

Using the forge component for number mask, there is no function to get user to enter only "8" digits (Set limit for number of integers). 

On the other hand, Custom Mask is using data type "text" instead of integer, which allows all field to be set regardless of length or alphanumeric.

The issue with the "text" data type is that when I want to create a dynamic warning notification, as user key in number, anything less than 8 digits will show the warning notification. However, it's in a text format, so it won't be able to be picked up by the condition length.


Is there a way to create the function? anything less than 8 digit will be prompted a warning message. and max can only be 8 digits.


UserImage.jpg
Chin Kai
Solution

Managed to find a solution with the use of Regex and strictly based on digits up till 8 characters.  

So if its less than 8 digit, the form validation will set to false with the error message shown. If its 8 digits, the error message will be gone with the form validation then set to true which render the forms able to submit. 

UserImage.jpg
Chin Kai

bump

UserImage.jpg
Chin Kai
Solution

Managed to find a solution with the use of Regex and strictly based on digits up till 8 characters.  

So if its less than 8 digit, the form validation will set to false with the error message shown. If its 8 digits, the error message will be gone with the form validation then set to true which render the forms able to submit. 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.