Как подтвердить перед отправкой формы, используя Javascript (как для отправки, так и для подтверждения)

Question

Я хочу, чтобы Javascript подтвердил отправку формы и затем отправил ее, если пользователь нажимает кнопку ОК, используя флажок.Это то, что я пробовал ранее

<td>
                                    <form action="/medications/{{ $medication->id }}" method="POST">
                                        @method('PATCH')
                                        @csrf
                                        <label class="checkbox" for="completed">
                                            <input type="checkbox" name="completed" id="cbox" onChange="onCbChange('cbox'), this.form.submit()" {{ $medication->completed ? 'checked' : ''}}>
                                            <script>
                                                function onCbChange(cb) { var b = document.getElementById(cb).checked;

                                                var confirmBox = confirm("Proceed to complete treatment?");

                                                if (confirmBox == true) {
                                                    if (b) {
                                                        document.getElementById(cb).checked = true;
                                                    } else {
                                                        document.getElementById(cb).checked = false;
                                                    }
                                                } else {

                                                    document.getElementById(cb).checked = !b;
                                                };
                                                }
                                            </script>
                                        </label></td>
                                    </form>
                                </td>

Answer 1

Вы можете просто добавить необходимый флажок в форме, которая гласит, что пользователь прочитал TOS и т. Д., Чтобы выполнить те же функции.Если это неприемлемо, попробуйте что-то вроде отправки формы

<form onsubmit="return confirmMyForm();">

и функции JS, например

function confirmMyForm() {
    return confirm("Are you sure you want to submit the form?");
}