Отображать ошибки в подсказках плагин jquery на основе атрибутов проверки asp.net MVC

Question

Я хочу отобразить ошибки jquery во всплывающих подсказках, как на этом изображении:

есть несколько плагинов jquery, которые могут это сделать: http://www.position -relative.net / создание / formValidator / демки / demoValidators.html http://validity.thatscaptaintoyou.com/

Но они не предназначены для работы с атрибутами валидации asp.net mvc 3.0. Есть ли подобный плагин, который бы сделал это? или что-нибудь еще, что я могу сделать, чтобы отобразить подобные ошибки во всплывающих подсказках?

Answer 1

Мы сделали нечто подобное, используя плагин проверки Jquery.Для этого мы должны сначала создать всплывающий элемент div.

Javascript Fn

$("#formID").validate({
        submitHandler: function (form) {
            CallFunction();
        },

        highlight: function (element, errorClass) {
            HidePopup(element);
            ShowPopup(element);
        },

        unhighlight: function (element, errorClass) {
            HidePopup(element);
        },

        errorElement: "span",

        errorPlacement: function (error, element) {
            error.appendTo(element.prev("label"));
        },

        rules: {
           txtName:"required"
        }
});

function ShowPopup(paramElement)
{
    //function to show popup and position div accordingly
    $('#div'+paramElement.Id).show();
}

function HidePopup(paramElement)
{
    //function to hide popup
    $('#div'+paramElement.Id).hide();
}



**Html**


<form id="formID" action="">

    <input name="txtName" type="text" id="txtName" />
    <div id="divtxtName" >Please enter name</div>

</form>