YUI : checkbox group validation
HTML
<script src="http://cdn.alloyui.com/2.5.0/aui/aui-min.js"></script>
<form id="myForm">
<div class="control-group">
<div>
<h5>Checkbox Group (requries at least 1 selection)</h5>
<input name='errorMessageAnchor' hidden/>
Checkbox 1<input type='checkbox' class='checkbox' name='cbName'/><br/>
Checkbox 2<input type='checkbox' class='checkbox' name='cbName'/><br/>
Checkbox 3<input type='checkbox' class='checkbox' name='cbName'/>
</div>
</div>
<input class="btn btn-info" type="button" value="Submit"/>
</form>
JavaScript
AUI().use(
'aui-form-validator',
function(A) {
var rules = {
email: {
email: true,
required: true
},
emailConfirmation: {
email: true,
equalTo: '#email',
required: true
},
gender: {
required: true
},
name: {
rangeLength: [2, 50],
required: true
},
url: {
url: true
}
};
var fieldStrings = {
email: {
required: 'Type your email in this field.'
},
gender: {
required: 'The gender is required.'
},
name: {
required: 'Required field with a custom message.'
}
};
new A.FormValidator(
{
boundingBox: '#myForm',
fieldContainer: 'p',
fieldStrings: fieldStrings,
rules: rules
}
);
}
);