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

Question

我有一个模式的表单，当用户点击提交时，该表单将被验证，如果它包含错误，它将不会被提交，因此用户可以点击模态关闭按钮或任何地方关闭模态或隐藏它，然后如果用户重新打开模态，验证css将保持在以前的形式，所以问题是我如何重置表单显示为一个明确的fom没有任何验证CSS，这里是我使用的代码，但没有用：

$('#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);
});