如何在模态隐藏或关闭时重置表单？ [关闭]

Question

我有一个模态表单，当用户点击提交时，表单将被验证，如果它包含错误，它将不会被提交，所以用户可以点击模态关闭按钮或任何地方关闭模态或隐藏它，然后如果用户重新打开模式，验证 css 将像以前一样保留在表单中，所以问题是我如何在没有任何验证 css 的情况下重置表单以显示为清晰的 fom，here是我用过的代码，但是没用：

$('#newsletterModal').on('hidden.bs.modal', function () {

            $('#newsletter')[0].reset();

             $('#newsletter')
                        .bootstrapValidator('disableSubmitButtons', false)  // Enable the submit buttons
                        .bootstrapValidator('resetForm', true);  
        });

Answer 1

$('#clear-form').on('click', function()
    {
        $('#my-form').find('input:text, input:password, select, textarea').val('');
        $('#my-form').find('input:radio, input:checkbox').prop('checked', false);
});