我正在使用找到的解决方案
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' } }); }); });
原文地址:https://www.jb51.cc/aspnet/248842.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。