С
бутстрап здесь вообще не при делах
Size: a a a
2020 December 09
zN
бутстрап здесь вообще не при делах
Так я вот хотел узнать, может есть какоето событие, которое очищает модальку.
С
Так я вот хотел узнать, может есть какоето событие, которое очищает модальку.
$('input').val('')
zN
Так не работает.
zN
Проблема в том, что сколько раз я на кнопку не нажму, сколько модалек и создается.
С
Проблема в том, что сколько раз я на кнопку не нажму, сколько модалек и создается.
код вызова модалки в студию
zN
$('#changepassword').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget)
var userid = button.data('userid')
var modal = $(this)
$('input[name=newpassword]').val('')
modal.find('.modal-title').text('Зміна пароля для #' + userid)
$('#closemodal').on('click', function(){
modal.close()
modal.remove()
})
$('.buttonChangePassModal').on('click', function(){
let url = "{{ route('members.changepassword') }}"
let newpass = $('input[name=newpassword]').val()
if(newpass == false) {
toastr.error('Пустий пароль')
return false
}
if(newpass.length < 8){
toastr.error('Пароль має бути від 8 символів')
return false
}
let param = {
_token: "{{csrf_token()}}",
// userid: userid,
newpass: newpass
}
$.post(url, param, function(d){
if(d.status == 200){
toastr.success(d.message)
} else {
toastr.error(d.message)
}
})
return false;
})
})zN
<div class="modal fade" id="changepassword" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content bg-info">
<div class="modal-header">
<h4 class="modal-title"></h4>
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Закрити</span></button>
</div>
<div class="modal-body">
<form method="post" name="changepasswordForm" id="changepasswordForm">
<div class="form-group">
<label for="message-text" class="control-label">Новий пароль</label>
<input type="text" name="newpassword" class="form-control" placeholder="Новий пароль">
</div>
<div class="form-group">
<label for="message-text" class="control-label">Обрати простий</label>
<span class="checkpassword">123456789</span>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal" id="closemodal">Закрити</button>
<button type="button" class="btn btn-success buttonChangePassModal" form="changepasswordForm">Відправити повідомлення</button>
</div>
</div>
</div>
</div>С
у тебя 2 ошибки
С
первая скрывать/открывать модалку умеет и сам бутстрап
С
и не надо это в коде описывать
С
второе $.post(url, param, function(d){
if(d.status == 200){
добавь $('form').trigger('reset')
if(d.status == 200){
добавь $('form').trigger('reset')
zN
первая скрывать/открывать модалку умеет и сам бутстрап
Ну так у меня и делает это Бутстрап:
<a href="javascript://" data-userid="123" data-toggle="modal" data-target="#changepassword" data-from="456" title="Скинути пароль">ссылка</a>
С
я так понял ты создаешь хренову тучу экзепляров модалок
С
из-за этого у тебя конфликтуют элементы по ид
С
все кажется на много проще)))
С
$('input[name=newpassword]').val('')
С
убедись что это работает в консоли
С
так как надо вызывать вот так $('input[name="newpassword"]').val('')
2020 December 10
f
Всем привет 🙂
Много где искал вариант решения моего вопроса, но ничего не помогало
у меня такая проблема:
У меня есть страница калькулятора При вводе каких-либо данных, кнопка "Сохранить" активируется Если пользователь ввёл данные и хочет выйти со страницы, не сохранив их, то я показываю модальное окно, которое предупреждает, что все данные могут не сохраниться, если он выйдет
$(window).on('beforeunload', function () {
let not_saved = $('.save-button:not(:disabled)').length;
if (not_saved) {
return 'Are you sure you want to leave?';
}
});
Этот код везде работает, но на IOS - нет Есть какие-нибудь варианты решения данного вопроса ?
буду очень благодарен, если поможете
Много где искал вариант решения моего вопроса, но ничего не помогало
у меня такая проблема:
У меня есть страница калькулятора При вводе каких-либо данных, кнопка "Сохранить" активируется Если пользователь ввёл данные и хочет выйти со страницы, не сохранив их, то я показываю модальное окно, которое предупреждает, что все данные могут не сохраниться, если он выйдет
$(window).on('beforeunload', function () {
let not_saved = $('.save-button:not(:disabled)').length;
if (not_saved) {
return 'Are you sure you want to leave?';
}
});
Этот код везде работает, но на IOS - нет Есть какие-нибудь варианты решения данного вопроса ?
буду очень благодарен, если поможете