Получилась простая форма: Aktualizuj dane użytkownika ×
<div class="row">
<div class="col-7">
<h6 class="text-center">Profil użytkownika</h6>
<hr>
<div class="form-group">
<label for="imie" class="col-form-label">Imię</label>
<input
class="form-control form-control-sm"
name="imie"
type="text"
required="required">
<input class="form-control form-control-sm" name="userid" type="hidden">
</div>
<div class="form-group">
<label for="nazwisko" class="col-form-label">Nazwisko</label>
<input
class="form-control form-control-sm"
name="nazwisko"
type="text"
required="required">
</div>
<div class="form-group">
<label for="telefon" class="col-form-label">Telefon</label>
<input
class="form-control form-control-sm"
name="telefon"
type="text"
required="required">
</div>
<div class="form-group">
<label for="email" class="col-form-label">Adres e-mail</label>
<input
class="form-control form-control-sm"
name="email"
type="email"
required="required">
</div>
<div class="form-group">
<label for="password" class="col-form-label">Hasło</label>
<input class="form-control form-control-sm" name="password" type="password">
</div>
<div class="form-group">
<label for="password_confirm-sm" class="col-form-label">Powtórz hasło</label>
<input
class="form-control form-control-sm"
name="password_confirm"
type="password">
</div>
<center><img id="avatar" style="padding: 15px;" src="" width="100%"/>
</center>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">Zdjęcie profilowe</span>
</div>
<div class="custom-file">
<input type="file" class="custom-file-input" name="avatar" id="avatar">
<label class="custom-file-label" for="avatar">Wybierz plik</label>
</div>
</div>
</div>
<div class="col-5">
<h6 class="text-center">Poziom dostępu</h6>
<hr>
<div class="form-group">
<label class="col-form-label">Wybierz poziom dostępu</label>
<select class="form-control" name="roles">
<option>Poziom dostępu</option>
<option value="ROLE_SUPER_ADMIN">Administrator</option>
<option value="ROLE_FINANCE">Księgowy</option>
<option value="ROLE_WRITER">Redaktor</option>
</select>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Zamknij</button>
<button type="submit" id="saveEditUser" class="btn btn-primary">Zapisz</button>
</div>
</from>
И я получил отправку, обработанную в js
Var form = $ ('form [name = "editUser"]');
form.on('submit', function (e) {
e.preventDefault();
И подтвердите шоу без проблем, но если я исправлю все входные данные, я получу такую ошибку:
An invalid form control with name='imie' is not focusable.
32An invalid form control with name='nazwisko' is not focusable.
32An invalid form control with name='telefon' is not focusable.
32An invalid form control with name='password_confirm' is not focusable.
Я попытался удалить все необходимые и другие, но это все та же ошибка.
Обратите внимание, что форма находится после модального показа, ввод получает значение из запроса на получение ajax, после ввода изменений я не могу отправить его из-за этой ошибки.
1 ответ
Хорошо, проблема решена. Если кто-то использует форму внутри модального окна, убедитесь, что вы самостоятельно закрыли все элементы ввода.
Похожие вопросы
Новые вопросы
jquery
jQuery — это библиотека JavaScript. Также рассмотрите возможность добавления тега JavaScript. jQuery — это популярная кросс-браузерная библиотека JavaScript, которая упрощает обход объектной модели документа (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться рассматриваемым кодом, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.