ASP.NET MVC验证使用qTip jQuery插件

发布时间：2020-12-16 04:37:02 所属栏目：asp.Net 来源：网络整理

导读：我正在使用找到的解决方案 here在使用qTip jQuery插件的工具提示中显示客户端验证错误.此解决方案非常适合客户端验证,但我希望能够以相同的方式显示服务器端验证错误.有谁知道如何利用qTip在工具提示中显示服务器端验证错误？谢谢解决方法如果存在服务器

我正在使用找到的解决方案 here在使用qTip jQuery插件的工具提示中显示客户端验证错误.此解决方案非常适合客户端验证,但我希望能够以相同的方式显示服务器端验证错误.有谁知道如何利用qTip在工具提示中显示服务器端验证错误？

谢谢

解决方法

如果存在服务器端验证错误,当页面加载时会有一个带有“field-validation-error”类的span元素,因此我们可以简单地循环遍历该类的所有元素,提取内容或错误消息,并将其显示在工具提示中.

$(document).ready(function () {
    // Run this function for all validation error messages
    $('.field-validation-error').each(function () {

        // Get the name of the element the error message is intended for
        // Note: ASP.NET MVC replaces the '[',']',and '.' characters with an
        // underscore but the data-valmsg-for value will have the original characters
        var inputElem = '#' + $(this).attr('data-valmsg-for').replace('.','_').replace('[','_').replace(']','_');

        var corners = ['left center','right center'];
        var flipIt = $(inputElem).parents('span.right').length > 0;

        // Hide the default validation error
        $(this).addClass('Hidden');

        // Show the validation error using qTip
        $(inputElem).filter(':not(.valid)').qtip({                
            content: { text: $(this).text() },// Set the content to be the error message
            position: {
                my: corners[flipIt ? 0 : 1],at: corners[flipIt ? 1 : 0],viewport: $(window)
            },show: { ready: true },hide: false,style: { classes: 'ui-tooltip-red' }
        });            
    });
});

这是一个blog post,详细解释了如何做到这一点.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!