asp.net-mvc – 使用BootstrapValidator与MVC DataAnnotations

发布时间：2020-12-15 23:39:49 所属栏目：asp.Net 来源：网络整理

导读：我使用DataAnnotations来指定我的验证规则,默认情况下,这些验证规则被添加到客户端,以便它们被jquery验证. 我想使用BootstrapValidator.js,因为我喜欢错误/成功消息呈现的方式.但是,它需要我在客户端重新定义验证规则. An article about BootstrapValidator.

我使用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");
        }
    });
} ();

（编辑：李大同）

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