<?php require_once '../include/header.php'; require_once '../lib/Kendo/Autoload.php'; $maskedtextbox = new \Kendo\UI\MaskedTextBox('PhoneNumber'); $maskedtextbox->mask('(999) 000-0000'); $maskedtextbox->attr('required', 'required'); $maskedtextbox->attr('data-validmask-msg', 'phone number is incomplete'); ?> <div class="demo-section"> <form id="employeeForm" data-role="validator" novalidate="novalidate"> <h3>Employee</h3> <ul> <li> <label for="FirstName">First Name:</label> <input type="text" class="k-textbox" name="FirstName" id="FirstName" required="required" /> </li> <li> <label for="LastName">Last Name:</label> <input type="text" class="k-textbox" name="LastName" id="LastName" required="required" /> </li> <li> <label for="PhoneNumber">Phone Number:</label> <?php echo $maskedtextbox->render(); ?> <span data-for='PhoneNumber' class='k-invalid-msg'></span> </li> <li class="actions"> <button type="button" data-role="button" data-sprite-css-class="k-icon k-i-tick" data-click='save'>Save</button> </li>