<?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>
