DEMO SITE v1.7.31

Input Mask 1.7.26 Semantic UI 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
11727783-2091___09.09.2004 00:34:0028 View Edit Remove
217220-8589___20.04.2003 00:00:0028 View Edit Remove
3173GP54569813.05.2004 00:00:0028 View Edit Remove
4173IG46239729.03.2004 00:00:0020355.24 View Edit Remove
5175IO44891319.11.2003 00:00:0024879.08 View Edit Remove
6175PI1521510.07.2004 00:00:0042044.77 View Edit Remove
7177AU75083717.04.2004 00:00:0015183.63 View Edit Remove
8177CI38143519.01.2004 00:00:0047177.59 View Edit Remove
9181CM56461225.04.2004 00:00:0022602.36 View Edit Remove
10175CITI343434419.05.2005 00:00:0028500.78 View Edit Remove
Search