Saya mendapat formulir sederhana: 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>

Dan saya mendapat kiriman yang ditangani di js

Var form = $('form[name="editUser"]');

form.on('submit', function (e) {
    e.preventDefault();

Dan validasi acara tanpa masalah, tetapi jika saya memperbaiki semua input daripada saya mendapat kesalahan seperti ini:

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.

Saya telah mencoba untuk menghapus semua yang diperlukan dan lainnya tetapi kesalahannya masih sama.

Harap perhatikan bahwa formulir setelah show modal, input mendapat nilai dari ajax get request, setelah mengubah input saya tidak dapat mengirimkannya karena kesalahan ini.

0
CommanderSpock 28 Oktober 2019, 13:25

1 menjawab

Jawaban Terbaik

Oke, masalah terpecahkan. Jika seseorang menggunakan formulir di dalam modal, pastikan Anda menutup sendiri semua elemen input.

0
CommanderSpock 28 Oktober 2019, 18:31