Почему форма не отправляется, когда она находится в режиме начальной загрузки?

#c# #html #forms #model-view-controller #modal-dialog

#c# #HTML #формы #модель-представление-контроллер #модальный диалог

Вопрос:

Уже разобрался с проблемой, но я предполагаю, что кто-то еще столкнется с чем-то подобным. Я попытался добавить Html.BeginForm к модальному как в основном, так и в частичном представлении.

 @model ViewModel

@using (Html.BeginForm("Category", "Home", FormMethod.Post))
{
    <!-- Modal -->
    <div class="modal fade" id="categoryModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">amp;times;</span></button>
                    <h4 class="modal-title" id="confirmModalLabel">Select Category</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        @Html.CheckBoxFor(x => x.Something)
                        <label>Something</label>
                    </div>
                    <div class="form-group">
                        @Html.CheckBoxFor(x => x.SomethingElse)
                        <label>Something Else</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="submit" class="btn btn-success" data-dismiss="modal" value="Save" />
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
}
  

Ответ №1:

Итак, это базовая настройка формы, и все выглядит хорошо. То, с чем я столкнулся, было то, что data-dismiss="modal" тег в моей кнопке «отправить» не позволял форме отправлять. Я просто удалил это, и все работало хорошо. Потребовалось слишком много времени, чтобы разобраться с простой проблемой.

Вот как должна выглядеть кнопка:

             <input type="submit" class="btn btn-success" value="Save" />