ASP.NET MVC验证使用qTip jQuery插件
发布时间:2020-05-28 13:07:57 所属栏目: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,详细解释了如何做到这一点. (编辑:安卓应用网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-mvc – 通过WCF服务实现寻呼机
- 在ASP.NET菜单控件中设置item.selected
- ASP.NET Core中的依赖注入(vNext)
- asp.net-mvc-3 – HTML编码字符串 – ASP.NET Web窗体VS Ra
- asp.net – WCF – 找到了该合同的多个端点配置 – 错误
- 单元测试 – 有没有办法单元测试在视图中设置的ASP.NET MVC
- asp.net-mvc – ASP.NET MVC:什么在哪里?
- asp.net-mvc-4 – MVC 4 Razor如果拆分div标签
- asp.net-mvc-4 – 在EF迁移配置类的Seed方法中获取App_Data
- 为ASP.NET应用程序实现后台服务的最佳方法是什么?
推荐文章
站长推荐
- asp.net-web-api – 在WebApi2帮助页面中启用文档
- asp.net – IE在IIS7中打开脚本,打开静态压缩
- asp.net-mvc – 在MVC中使用ViewModels进行POST操
- asp.net – 从SQL 2005 Server访问TimeZoneInfo
- asp.net-mvc-2 – 如何在Asp.net MVC 2中使用Bas
- 如何在ASP.NET页面上注册自定义服务器控件
- asp.net – 返回按钮刷新页面
- 将ASP.NET应用程序连接到QuickBooks Online Edit
- asp.net-mvc – MVC 4 HttpNotFound()和404错误
- asp.net-mvc – 编译时mvc视图检查与msbuild
热点阅读
