input-validation-and-mask-react
Reactive icon

Input Validation And Mask React

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 25 July 2023
 by 
0.0
 (0 ratings)
input-validation-and-mask-react

Input Validation And Mask React

Documentation
1.0.0

Using this password validator Web Block you can set the pattern that you want for the password.

Input_ID  - This is the reference on javascript to execute the validation on your input field for password. Just assigned the id of input field of the email.

Maximum_Digits – Is the max number allowed to input on password.

Minimum_Digits – Is the minimum number allowed to input on password.

Maximum_SpecialCharacter - Is the max special character allowed to input on password.

Minimum_ SpecialCharacter – Is the minimum number allowed to input on password.

Maximum_UpperCaseCharacter - Is the max Upper Case character allowed to input on password.

Minimum_ UpperCaseCharacter – Is the minimum Upper Case allowed to input on password.

Maximum_PasswordLength - Is the max length of characters allowed to input on password.

Minimum_ PasswordLength – Is the minimum length of characters allowed to input on password.

IsExpression – if you want to see the message.


PassValid event handler of password validator Web Block is a event that will be notify the parent screen if the password is valid and the error message and you need to assigned the IsValid to property of the input field valid. So if you submit/save the password you can check if this is valid or not.


Email validation this web block is useful in terms on check the email if this valid or not

InputID  - This is the reference on javascript to execute the validation on your input field for Email. Just assigned the id of input field of the email.

Email – please assigned to this the local variable of the email

IsExpression – if you want to see the message.


EmailValidation event handler of Email Web Block is a event that will be notify the parent screen if the email is valid and the error message and you need to assigned the IsValid to property of the input field valid. So if you submit/save the password you can check if this is valid or not.



Phone Number web block can formatted the number based on the format provided by user/developer.


InputID  - This is the reference on javascript to execute the validation on your input field for Phone Number. Just assigned the id of input field of the Phone Number.

FormatPhoneNumber – the only allowed character for format pattern is #. If you use other than that the format I will not follow.


Percentage web block 



InputID  - This is the reference on javascript to execute the validation on your input field for Percent. Just assigned the id of input field of the Percent.

DecimalDigits – This is the max decimal that allowed to input.

DecimalSeparator – this the separator for the decimal.


Number web block is validation for the input type is text so user will not allowed to input any special character or letter.


InputID  - This is the reference on javascript to execute the validation on your input field for Number. Just assigned the id of input field of the Number.

Limitdigits – This is the max length that you will input on the input field


Currency web block

InputID  - This is the reference on javascript to execute the validation on your input field for Currency. Just assigned the id of input field of the Currency.

DecimalDigits – This is the max decimal that allowed to input.

DecimalSeparator – this the separator for the decimal.

Currency Sign – This is the currency sign the you want to use.