使用Javascript发送表单之前如何进行确认（用于发送和确认）

Question

我希望Javascript确认表单提交，然后在用户单击复选框时使用OK提交。这是我之前尝试过的

<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?");
}