I need help with tooltipster plugin i do not see need result :( The next script work, but error do not with tooltipster.
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"
type="text/javascript"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<style>
body{
margin-top: 100px;
margin-left: 20px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("form").validate({
rules : {
test : {
minlength: 3 ,
required: true
}
},
showErrors: function(errorMap, errorList) {
$.each(this.successList, function(index, value) {
return $(value).popover("hide");
});
return $.each(errorList, function(index, value) {
var _popover;
_popover = $(value.element).popover({
trigger: "manual",
placement: "top",
content: value.message,
template: "<div class=\"popover\"><div class=\"arrow\"></div><div class=\"popover-inner\"><div class=\"popover-content\"><p></p></div></div></div>"
});
// Bootstrap 3.x :
//_popover.data("bs.popover").options.content = value.message;
// Bootstrap 2.x :
_popover.data("popover").options.content = value.message;
return $(value.element).popover("show");
});
}
});
});
</script>
<form action="" method="post">
<input type="text" name="test" id="test"/>
<input type="submit" name="submit">
</form>