<?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>
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
$maskedtextbox = new \Kendo\UI\MaskedTextBox('maskedtextbox');
$maskedtextbox->mask("(999) 000-0000");
$maskedtextbox->change('onChange');
?>
<div class="demo-section">
<?php
echo $maskedtextbox->render();
?>
</div>
<div class="demo-section">
<h3 class="title">Console log</h3>
<div class="console"></div>
</div>
<script>
function onChange() {
kendoConsole.log("Change :: " + this.value());
}
</script>
<style scoped>
.demo-section {
width: 500px;
text-align: center;
}
.console {
margin: 0;
<script src="../content/js/cultures/kendo.culture.fr-FR.min.js"></script>
<script src="../content/js/cultures/kendo.culture.bg-BG.min.js"></script>
<div id="product-view" class="k-header">
<div class="right">
<label for="culture">Choose culture:</label>
<input id="culture" value="en-US" />
</div>
<h2>Product promotion</h2>
<ul id="fieldlist">
<li>
<label for="initial">Initial price:</label>
<?php
$initial = new \Kendo\UI\MaskedTextBox('initial');
$initial->mask('9,999.99 $');
$initial->value('1234.56');
echo $initial->render();
?>
</li>
</ul>
</div>
<style scoped>
#example h2 {
padding: 5px 0;
font-weight: normal;
border-bottom: 1px solid #999;
}
#product-view {
border-radius: 10px 10px 10px 10px;
