引导验证程序重置窗体

Bootstrap validator resetForm

本文关键字:窗体 程序 验证      更新时间:2023-09-26

我正在使用Bootstrap 3.3的Bootstrap验证器
我需要在模式对话框中重置窗体
我使用了正确的方法,但它不适用于模态对话框。

 $('#emailForm').bootstrapValidator("resetForm",true); 

如果我打开模态并插入一封电子邮件,然后尝试重置表单,验证控件仍然存在。

JSFiddle

它很简单,只需要添加

excluded: [':disabled'],

进入验证初始化。

示例:

    $('#emailForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        excluded: [':disabled'],
        fields: {
            email: {
                validators: {
                    emailAddress: {
                        message: 'The value is not a valid email address'
                    }
                }
            }
        }
    });

我知道这已经很旧了。

$("#emailForm").data('bootstrapValidator').resetForm();

重置表单验证,但不会清除字段。这对我来说很好。为多个客户使用一个表单。访问者可以更容易地将姓名和电子邮件留在那里,但只需重新键入消息即可。所以我只是清空消息字段。