, имея подобную проблему, я нашел решение. Вот мое решение. Я делаю ссылку на свой вопрос и копирую ответ ниже. Надеюсь, это то, что вы ищете:
Интеграция qTip с проверкой MVC3 и jQuery (errorPlacement)
1) Сначала найдите сценарий jquery.validate.unobtrusive.js , предоставленный Microsoft.
2) Во-вторых, в скрипте найдите функцию validationInfo (форма) и замените инструкцию errorPlacement в структуре опций той, которая предоставляется qTip, или любой другой по вашему выбору. .
3) То же самое касается стиля и других параметров, которые вы хотите изменить в способе обработки проверки.
4) Включите все необходимые файлы.
Надеюсь, это поможет кому-то, имеющему подобную проблему.
Пример кода:
function validationInfo(form) {
var $form = $(form),
result = $form.data(data_validation);
if (!result) {
result = {
options: { // options structure passed to jQuery Validate's validate() method
//errorClass: "input-validation-error",
errorClass: "error",
errorElement: "span",
//errorPlacement: $.proxy(onError, form),
errorPlacement: function (onError, form) {
var error = onError;
var element = form;
// Set positioning based on the elements position in the form
var elem = $(element),
corners = ['left center', 'right center'],
flipIt = elem.parents('span.right').length > 0;
// Check we have a valid error message
if (!error.is(':empty')) {
// Apply the tooltip only if it isn't valid
elem.filter(':not(.valid)').qtip({
overwrite: false,
content: error,
position: {
my: corners[flipIt ? 0 : 1],
at: corners[flipIt ? 1 : 0],
viewport: $(window)
},
show: {
event: false,
ready: true
},
hide: false,
style: {
classes: 'ui-tooltip-red' // Make it red... the classic error colour!
}
})
// If we have a tooltip on this element already, just update its content
.qtip('option', 'content.text', error);
}
// If the error is empty, remove the qTip
else { elem.qtip('destroy'); }
},
invalidHandler: $.proxy(onErrors, form),
messages: {},
rules: {},
success: $.proxy(onSuccess, form)
},
attachValidation: function () {
$form.validate(this.options);
},
validate: function () { // a validation function that is called by unobtrusive Ajax
$form.validate();
return $form.valid();
}
};
$form.data(data_validation, result);
}
return result;
}