我使用DataAnnotations来指定我的验证规则,默认情况下,这些验证规则被添加到客户端,以便它们被jquery验证.
我想使用BootstrapValidator.js,因为我喜欢错误/成功消息呈现的方式.但是,它需要我在客户端重新定义验证规则. An article about BootstrapValidator.js可以找到.
有没有办法我可以使用DataAnnotations并在一个地方定义规则,仍然使用BootstrapValidator?
有什么想法吗?
解决方法
无需重新定义验证规则.您可以通过删除快速脚本并在MVC验证脚本之后引用它来简单地将MVC类型验证(即
Jquery Validation Plugin)与Bootstrap样式集成:
$(function () { $('span.field-validation-valid,span.field-validation-error').each(function () { $(this).addClass('help-inline'); }); $('.validation-summary-errors').each(function () { $(this).addClass('alert'); $(this).addClass('alert-error'); $(this).addClass('alert-block'); }); $('form').submit(function () { if ($(this).valid()) { $(this).find('div.control-group').each(function () { if ($(this).find('span.field-validation-error').length == 0) { $(this).removeClass('error'); } }); } else { $(this).find('div.control-group').each(function () { if ($(this).find('span.field-validation-error').length > 0) { $(this).addClass('error'); } }); $('.validation-summary-errors').each(function () { if ($(this).hasClass('alert-error') == false) { $(this).addClass('alert'); $(this).addClass('alert-error'); $(this).addClass('alert-block'); } }); } }); $('form').each(function () { $(this).find('div.control-group').each(function () { if ($(this).find('span.field-validation-error').length > 0) { $(this).addClass('error'); } }); }); $("input[type='password'],input[type='text']").blur(function () { if ($(this).hasClass('input-validation-error') == true || $(this).closest(".control-group").find('span.field-validation-error').length > 0) { $(this).addClass('error'); $(this).closest(".control-group").addClass("error"); } else { $(this).removeClass('error'); $(this).closest(".control-group").removeClass("error"); } }); }); var page = function () { //Update that validator $.validator.setDefaults({ highlight: function (element) { $(element).closest(".control-group").addClass("error"); },unhighlight: function (element) { $(element).closest(".control-group").removeClass("error"); } }); } ();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。