Examples
List of modules
-
Ace Editor
Affix
Alert
Audio
Button
Carousel
Char Counter
Color Picker
Data Table
Datepicker
Diagram Builder
Dropdown
Form Builder
Form Validator
I/O
Image Cropper
Image Viewer
Modal
Node
Pagination
Popover
Progress Bar
Rating
Scheduler
Scrollspy
Sortable Layout
Sortable List
Tabview
Timepicker
Toggler
Toolbar
Tooltip
TreeView
Video
Viewport
Form Validator
<form id="myForm">
<div class="form-group">
<label class="control-label" for="name">Name:</label>
<div class="controls">
<input name="name" id="name" class="form-control field-required" type="text">
</div>
</div>
<div class="form-group">
<label class="control-label" for="age">Age:</label>
<div class="controls">
<input name="age" id="age" class="form-control field-required field-digits" type="text">
</div>
</div>
<div class="form-group">
<label class="control-label" for="email">E-mail:</label>
<div class="controls">
<input name="email" id="email" class="form-control field-required field-email" type="text">
</div>
</div>
<input class="btn btn-info" type="submit" value="Submit">
<input class="btn btn-primary" type="reset" value="Reset">
</form>
YUI().use(
'aui-form-validator',
function(Y) {
new Y.FormValidator(
{
boundingBox: '#myForm'
}
);
}
);