DEMO SITE v1.7.26

Input Mask NEW Bootstrap 4.5 theme

Enhance your forms with dynamic input validation using the new Input Mask feature. Easily enforce specific data formats such as phone numbers, dates, or custom patterns, improving user input accuracy and reducing errors. This feature offers a customizable, user-friendly way to guide data entry while maintaining consistent formatting across your application.

HIDE CODE
<?php    
	$xcrud = Xcrud::get_instance();	
	$xcrud->table("payments");
    $xcrud->set_attr("checkNumber",array("data-inputmask"=>" 'mask' : '99-9999999'"));
    echo $xcrud->render();
?>
<?php
    /*
    * Xcrud Configuration for Input Mask
    *
    * This section configures the Xcrud instance and applies input masks to fields
    * using the Inputmask plugin. Below is a list of commonly used input mask formats.
    *
    * Usage:
    * - Set the "data-inputmask" attribute with the desired mask pattern.
    *
    * Example:
    * $xcrud->set_attr("field_name", array("data-inputmask" => "'mask': 'pattern'"));
    *
    * Commonly Used Input Mask Formats:
    *
    * 1. Phone Number
    *    - Format: (123) 456-7890
    *    - Mask: '999 999-9999'
    *    - Example:
    *      $xcrud->set_attr("phoneNumber", array("data-inputmask" => "'mask': '(999) 999-9999'"));
    *
    * 2. Date (MM/DD/YYYY)
    *    - Format: 12/31/2024
    *    - Mask: '99/99/9999'
    *    - Example:
    *      $xcrud->set_attr("dateOfBirth", array("data-inputmask" => "'mask': '99/99/9999'"));
    *
    * 3. Social Security Number (SSN)
    *    - Format: 123-45-6789
    *    - Mask: '999-99-9999'
    *    - Example:
    *      $xcrud->set_attr("ssn", array("data-inputmask" => "'mask': '999-99-9999'"));
    *
    * 4. Zip Code (US)
    *    - Format: 12345 or 12345-6789
    *    - Mask: '99999[-9999]'
    *    - Example:
    *      $xcrud->set_attr("zipCode", array("data-inputmask" => "'mask': '99999[-9999]'"));
    *
    * 5. Credit Card Number
    *    - Format: 1234 5678 9012 3456
    *    - Mask: '9999 9999 9999 9999'
    *    - Example:
    *      $xcrud->set_attr("creditCard", array("data-inputmask" => "'mask': '9999 9999 9999 9999'"));
    *
    * 6. Currency
    *    - Format: $1,234.56
    *    - Mask: '$9999.99'
    *    - Example:
    *      $xcrud->set_attr("amount", array("data-inputmask" => "'mask': '$9999.99'"));
    *
    * 7. Time (24-Hour Format)
    *    - Format: 14:30
    *    - Mask: '99:99'
    *    - Example:
    *      $xcrud->set_attr("time", array("data-inputmask" => "'mask': '99:99'"));
    *
    * 8. Custom Alphanumeric
    *    - Format: AB-12345
    *    - Mask: 'AA-99999'
    *    - Example:
    *      $xcrud->set_attr("customField", array("data-inputmask" => "'mask': 'AA-99999'"));
    */
?>

Payments

#CustomernumberChecknumberPaymentdateAmount
Actions
1103HQ33633629.10.2004 00:00:006074 View Edit Remove
2103JM55520505.06.2003 00:00:006074 View Edit Remove
3103OM31493318.12.2004 00:00:006074 View Edit Remove
411286-482324517.12.2004 00:00:006074 View Edit Remove
511255-022545406.06.2003 00:00:0032641.98 View Edit Remove
6112ND74857920.08.2004 00:00:0033347.88 View Edit Remove
7114GG3145516.05.2003 00:00:0045864.03 View Edit Remove
8114MA76551515.12.2004 00:00:0082261.22 View Edit Remove
9114NP60384031.05.2003 00:00:007565.08 View Edit Remove
10114NR2755210.03.2004 00:00:0044894.25 View Edit Remove
Search Execution time: 0.003 sMemory usage: 0.18 MB