• FRAMEWORK

Utilities

Form Helpers

Input Masks

Use masks to format user input such as phone numbers, dates, currency and more. Legacy masks are still supported.

These helpers require jQuery Mask Plugin and jQuery MaskMoney Plugin to be included in your project.
Example Format Class
Letters only (supports Turkish) .mask-letters
10.06.2020 .mask-date
01:02:03 .mask-time
10.06.2020 01:02 .mask-datetime
+00 (000) 000 00 00 .mask-phone
(000) 000 00 00 .mask-mobile-phone
099.099.099.099 .mask-ip-address
Example Format Class
000.000.000,00 .mask-money
-000.000.000,00 .mask-money-negative
1234567890 .mask-number
##0,00% .mask-percent
0000 0000 0000 0000 .mask-credit-card
00000 .mask-zip-code
Letters & Numbers .mask-alphanumeric

Input Rules

Rules restrict user input (e.g., no spaces, auto-uppercase).

Example Description Class
No space allowed as first character .first-no-space
No spaces allowed anywhere .rule-no-space
Converts input to uppercase .rule-uppercase
Converts input to lowercase .rule-lowercase

Copy To Clipboard

Is the function to be used to copy any item.

Target Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

onclick="copyToClipboard('#copyContent')"
Target Input
onclick="CopyToClipboardInput('#copyInputContent')"

BlockUI

Block user activity for the page, please call; $.blockUI(); and To unblock the page $.unblockUI();

Is the function to be used to block UI or loading operations.


    // Block UI
    $.blockUI();

    // Unblock UI
    $.unblockUI();

Validation

Ready forms can be used in page productions. Options can be derived using the following standard examples. You can use the HTML templates there by examining.

Please use the following block to validation the custom rules and messages.

Standart Validate

Please use the following line to validation the standard.



JS not used