A javascript function using jQuery's validation and twitter bootstrap's popover

validate.popover.js

function validateForm(formId, erPlacement, validRules) {
    erPlacement = erPlacement || 'bottom';
    validRules = validRules || {};

    /* Validation message with the twitter's popover */
    /* http://d.hatena.ne.jp/hipsrinoky/20120329/1333035926 */
    var eClass = 'error'; // for bootstrap
    var sClass = 'success'; // for bootstrap
    var wClass = 'warning'; // for bootstrap (not in used)
    $(formId).validate({
        errorElement:"span", //not required.
        errorClass:"help-inline", //result is <span class="help-inline">xxx</span>
        validClass:"help-inline", //not required.
        rules: validRules,
        unhighlight: function(element, errorClass, validClass) {
            if (element.type === 'radio') {
                this.findByName(element.name).parent("div").parent("div").removeClass(eClass).addClass(sClass);
            } else {
                $(element).parent("div").parent("div").removeClass(eClass).addClass(sClass);
                $(element).popover('hide'); //hide popover.
            }
        },
        highlight: function(element, errorClass, validClass) {
            if (element.type === 'radio') {
                this.findByName(element.name).parent("div").parent("div").addClass(eClass).removeClass(sClass);
            } else {
                $(element).parent("div").parent("div").addClass(eClass).removeClass(sClass);
            }
        },
        errorPlacement: function(error, element) {
            // For invalid messages in popover.
            $(element).attr('rel','popover');
            var erMsg = $(element).attr('data-content') || error.html();
            $(element).attr('data-content', erMsg);
            $(element).popover({
                placement: erPlacement,
                offset: 20,
                trigger: 'manual'
            });
            $(element).popover('show'); //Show by manual.
        },
        onfocusout: function() {
            $(this.currentElements).popover('hide')
        },
        onkeyup: false,
        onclick: false,
        onsubmit: true
    });
}