如何在模式隐藏或关闭时重置窗体

how to reset form on modal hidden or close?

本文关键字:窗体 模式 隐藏      更新时间:2023-09-26

我有一个模态中的表单,当用户单击提交时,表单将被验证,如果它包含错误,它将不会被提交,所以用户可以单击模态关闭按钮或任何地方关闭模态或隐藏它,然后如果用户重新打开模态,验证css将保持在表单中,所以问题是,我如何在没有任何验证css的情况下将表单重置为清晰的fom,这是我使用过的一个代码,但没有起作用:

$('#newsletterModal').on('hidden.bs.modal', function () {
            $('#newsletter')[0].reset();
             $('#newsletter')
                        .bootstrapValidator('disableSubmitButtons', false)  // Enable the submit buttons
                        .bootstrapValidator('resetForm', true);  
        });
$('#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);
});