20
I'd like to use the Tooltipster plugin to display form errors generated by the jQuery Validate plugin.
jQuery for Validate plugin:
$(document).ready(function () {
$('#myform').validate({ // initialize jQuery Validate
// other options,
rules: {
field1: {
required: true,
email: true
},
field2: {
required: true,
minlength: 5
}
}
});
});
jQuery for Tooltipster plugin:
$(document).ready(function () {
$('.tooltip').tooltipster({ /* options */ }); // initialize tooltipster
});
HTML:
<form id="myform">
<input type="text" name="field1" />
<input type="text" name="field2" />
<br/>
<input type="submit" />
</form>
How would I integrate the usage of these two jQuery plugins so that validation errors appear inside the tooltips?