<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Menggunakan Validation Plugin</title>
<link href="lib/formValidator/css/template.css" rel="stylesheet" type="text/css" />
<link href="lib/formValidator/css/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<script src="lib/jquery-1.3.2.js" type="text/javascript"></script>
<script src="lib/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
<script src="lib/formValidator/js/jquery.validationEngine-en.js" type="text/javascript"></script>
<script src="lib/formValidator/js/jquery.validationEngine.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#form1").validationEngine();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2>Menggunakan Validation Plugin</h2>
<fieldset>
<legend>User informations</legend>
<label>
<span>First name</span>
<asp:TextBox CssClass="validate[required,custom[onlyLetter],length[0,100]] text-input" ID="firstname" runat="server" />
</label><br />
<label>
<span>Last name</span>
<asp:TextBox CssClass="validate[required,custom[onlyLetter],length[0,100]] text-input" ID="TextBox1" runat="server" />
</label><br />
<label>
<span>Date : (format YYYY-MM-DD)</span>
<asp:TextBox CssClass="validate[required,custom[date]] text-input" ID="date" runat="server" />
</label><br />
<label>
<span>Age : </span>
<asp:TextBox CssClass="validate[required,custom[onlyNumber],length[0,3]] text-input" ID="age" runat="server" />
</label><br />
<label>
<span>Telephone : </span>
<asp:TextBox CssClass="validate[required,custom[telephone]] text-input" ID="telephone" runat="server" />
</label><br />
</fieldset>
<fieldset>
<legend>Password</legend>
<label>
<span>Password : </span>
<asp:TextBox CssClass="validate[required,length[6,11]] text-input" ID="password" runat="server" />
</label><br />
<label>
<span>Confirm password : </span>
<asp:TextBox CssClass="validate[required,confirm[password]] text-input" ID="password2" runat="server" />
</label>
</fieldset>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</div>
</form>
</body>
</html>