I'm validating my forms with boostrap validator ( link ) and they look like this:
But I would like that the message does not appear in the lower part, but as a tooltip from the icon something like this:
I can not use the form validation plugin for licensing issues.
How are you able to do it with jquery-validation-bootstrap-tooltip
Examples using data attributes
<input type="text" name="example1" required>
Examples using JavaScript
$("#theform").validate({
rules: {
example4: {email:true, required: true},
example5: {required: true}
},
messages: {
example5: "Just check the box<h5 class='text-danger'>You aren't going to read the EULA</h5>"
},
tooltip_options: {
example4: {trigger:'focus'},
example5: {placement:'right',html:true}
},
});