首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在jquery验证器使用内部模式后,重置/删除窗体中的类

在jquery验证器使用内部模式后,重置/删除窗体中的类
EN

Stack Overflow用户
提问于 2013-10-23 12:38:01
回答 4查看 10K关注 0票数 4

我基本上是将内容加载到引导模式中,编辑信息并使用jquery验证器对其进行验证,然后使用ajax请求提交它。到目前为止,所有工作都很顺利,直到我单击了另一个仍然出现验证类的项。我的问题是,是否有一种方法可以在关闭引导模式之后删除验证器类?请帮帮忙

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-10-23 12:42:00

有一个resetForm方法可以用来设置验证器的状态。

代码语言:javascript
运行
复制
// on load of your dialog:
var validator = $('#myForm').validate();
validator.resetForm();
票数 5
EN

Stack Overflow用户

发布于 2014-08-11 14:45:59

如果您使用的是引导验证器,下面的代码将有助于消除错误元素

代码语言:javascript
运行
复制
$("#editModal").on('hidden.bs.modal', function () {

        //Removing the error elements from the from-group
        $('.form-group').removeClass('has-error has-feedback');
        $('.form-group').find('small.help-block').hide();
        $('.form-group').find('i.form-control-feedback').hide();

    });
票数 4
EN

Stack Overflow用户

发布于 2015-07-28 13:19:11

对于使用引导带3的用户(resetForm()不在那里工作):

代码语言:javascript
运行
复制
$('.form-group').each(function () { $(this).removeClass('has-success'); });
$('.form-group').each(function () { $(this).removeClass('has-error'); });
$('.form-group').each(function () { $(this).removeClass('has-feedback'); });
$('.help-block').each(function () { $(this).remove(); });
$('.form-control-feedback').each(function () { $(this).remove(); });

如果您将其设置如下:

代码语言:javascript
运行
复制
highlight: function (element) {
    $(element).closest('.form-group').removeClass('has-success');
    $(element).closest('.form-group').addClass('has-error has-feedback');
    $(element).closest('.form-group').find('span.form-control-feedback').remove();
    //$(element).closest('.input-group').append('<i class="fa fa-exclamation fa-lg form-control-feedback"></i>');
    $(element).closest('.form-group').append('<span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>');
},

unhighlight: function (element) {
    $(element).closest('.form-group').removeClass('has-error');
    $(element).closest('.form-group').addClass('has-success has-feedback');
    $(element).closest('.form-group').find('span.form-control-feedback').remove();
    //$(element).closest('.input-group').append('<i class="fa fa-check fa-lg form-control-feedback"></i>');
    $(element).closest('.form-group').append('<span class="glyphicon glyphicon-ok    form-control-feedback" aria-hidden="true"></span>');
},

errorElement: 'span',
errorClass: 'help-block',

errorPlacement: function (error, element) {
    if (element.parent('.input-group').length) {
        error.insertAfter(element.parent());
    } else {
        error.insertAfter(element);
    }
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19541936

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档