基本上,我想做的是使用MVC3和jQuery(注释)之间的集成验证,但也与qTip集成,以更改错误msg的显示方式.

我已经搜索全部,最好的我可以找到有人建议修改jquery.validate.unobtrusive.js – onError函数,但我检查出来,不知道如何正确地修改它,加上更喜欢一个没有的解决方案要求我改变现有的脚本.

感谢您的帮助.

我到目前为止

我的型号：

public class User
{
    [required]
    public string Id { get; set; }

        [required]
    [DataType(DataType.EmailAddress)]
    public string Email { get; set; }

    public string FirstName { get; set; }

    public string SecondName { get; set; }

    public string LastName { get; set; }
}

我的javascript在我看来：

$('#Form').validate({
    errorClass: "errormessage",errorClass: 'error',validClass: 'valid',errorPlacement: function (error,element) {
        // 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 (true) {
            // 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'); }
    },success: $.noop // Odd workaround for errorPlacement not firing!
})

$('#Form').submit(function () {
    if (!$(this).valid())
        return false;

    $.ajax({
        url: this.action,type: this.method,data: $(this).serialize(),beforeSend: function () {
        },success: function (result) {
        },error: function (result) {
        }
    });
    return false;
});