Модаль Bootstrap только сбрасывает один раз
-
23-12-2019 - |
Вопрос
Я использую модальный модальный модальный и модальный модальный модальный нагрузка с формой внутри, чтобы выполнить некоторую функцию на веб-странице, и я хочу сбросить эту форму каждый раз, когда я закрываю модаль, это код, который я использую:
.<button class="btn <?php if (isset($_SESSION['useremail']) && $_SESSION['useremail'] == ""){ echo 'btn-default btn-sm btn-block';}else{ echo 'btn-primary btn-sm btn-block';}?>" data-toggle="modal" data-target="#chgpwemail_modal" id="mailmanager" <?php if (isset($_SESSION['useremail']) && $_SESSION['useremail'] == "") echo 'disabled="disabled"';?>><i class="fa fa-envelope fa-fw" ></i>Alterar Senha Email</button>
.
После этого модаль уволен и внутри у меня есть кнопка увольнения с этим кодом:
$('#dismiss-chgpwemail').click(function(event) {
$('#chgpwemail_modal').modal('hide');
});
$.clearInput = function () {
$('form').find('input[type=text], input[type=password], input[type=number],input[type=email], textarea').val('');
};
$('#chgpwemail_modal').on('hide.bs.modal', function(e) {
$.clearInput();
});
.
Таким образом, моя проблема следуют функции Clearinput () функционирует только один раз, после того, как он использовал один раз, когда он больше не работает.
И я не могу понять, почему, поскольку после полной страницы перезагрузить его снова работает!
Решение
Если я понимаю, что вы пытаетесь сделать, вы можете попробовать это.Каждый раз, когда модал закрыт, вы попытаетесь найти каждый входные данные формы и текстовые области и сбросить их.
$('#modal').on('hidden.bs.modal', function() {
$('form').find('input').val('');
$('form').find('textarea').html('');
});
.
Попробуйте переформатировать код лучше.Я только что заметил, что то, что я набрал, то же самое у вас есть;)
Если вы хотите зарегистрировать этот или каждый модаль в своем HTML, вы можете сделать это: вместо
$('#modal').on('hidden.bs.modal', function() {
.
Тип это
$('body').on('hidden.bs.modal', '.modal', function () {.....});
.
с этим вы зарегистрируете событие для каждого у вас модала.Не забывайте, что «.Modal» - это ссылка на ваши модали.Замените его с вашим.