using parsley with bootstrap ref: http://stackoverflow.com/questions/22217735/getting-parsley-2-x-working-with-bootstrap-3-correctly

global-parsley-configuration.js

window.Parsley.options.successClass = "has-success";
window.Parsley.options.errorClass = "has-error";
window.Parsley.options.errorsWrapper = "<p class='help-block'></p>";
window.Parsley.options.errorTemplate = "<span></span>";
window.Parsley.options.classHandler = function (el) {
    return el.$element.closest(".form-group"); // is used to put successClass or errorClass
};
window.Parsley.options.errorsContainer = function (el) {
    return el.$element.closest(".form-group"); // is used to put successClass or errorClass
};

parsley-bootstrap-datetimepicker.js

// display error messages is wrong if using parsley with bootstrap-datetimepicker (https://eonasdan.github.io/bootstrap-datetimepicker/)
// solution: add errorsContainer callback to handle element will add errorsWrapper
$("form").parsley({
    successClass: "has-success",
    errorClass: "has-error",
    classHandler: function (el) {
        return el.$element.closest(".form-group"); // is used to put successClass or errorClass
    },
    errorsContainer: function (el) {
        return el.$element.closest(".form-group");
    },
    errorsWrapper: "<p class='help-block'></p>",
    errorTemplate: "<span></span>"
});

parsley-bootstrap.js

// ref: http://stackoverflow.com/questions/22217735/getting-parsley-2-x-working-with-bootstrap-3-correctly
$("form").parsley({
    successClass: "has-success",
    errorClass: "has-error",
    classHandler: function (el) {
        return el.$element.closest(".form-group"); // is used to put successClass or errorClass
    },
    errorsWrapper: "<p class='help-block'></p>",
    errorTemplate: "<span></span>"
});