На постбэк я не хотел менять визуальную форму? - PullRequest
0 голосов
/ 06 апреля 2020

У меня есть форма с двумя элементами div, один из которых Дисплей: нет по умолчанию, а другой отображается при первом открытии страницы. У меня есть переключатель, когда пользователь нажимает флажок, затем Показывается скрытый элемент, и пользователь помещает их значения в этот вход и отправляет форму. Но что, если пользователь не поместил данные во вход, тогда валидация модели работает и форма post-back и первый div div снова скрываются. Я хочу это на post-back этот div не скрывал. Спасибо

@using (Html.BeginForm("CreateNewTotalizerTag", "TotalizerTags", FormMethod.Post))
{
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3">
            </div>
            <div class="col-md-6">
                <!-- general form elements disabled -->
                <div class="card card-warning">
                    <div class="card-header" style="background-color:#343a40">
                        <h3 class="card-title" style="color:white">Create Totalizer Tag</h3>
                    </div>
                    <!-- This form is to create Raw tag totalizer onPrem or onCloud -->
                    <div class="card-body">
                        <form role="form">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <div class="custom-control custom-switch">

                                            @Html.CheckBoxFor(m => m.Is_Cloud_Totalizer, new { @class = "custom-control-input", id = "Is_Cloud_Totalizer" })
                                            <label class="custom-control-label" for="Is_Cloud_Totalizer">Is Cloud Totalizer?</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- On Cloud Inputs starts here -->
                            <div  id="oncloud_totalizer">
                                <div class="row">
                                    <div class="col-sm-6" id="tag_name" style="display:none">
                                        <div class="form-group">
                                            <label>Enter Tag Name</label>
                                            @Html.EditorFor(m => m.R_Tag_Name, new { htmlAttributes = new { @class = "form-control" } })
                                            @Html.ValidationMessageFor(model => model.R_Tag_Name, "", new { @class = "text-danger" })
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label>Select Raw Tag</label>
                                            @Html.DropDownListFor(m => m.Real_Tag_Id, (IEnumerable<SelectListItem>)ViewBag.RawTaglist, "Select Raw Tag", new { @class = "form-control", id = "Raw_Tag_List" })
                                            @Html.ValidationMessageFor(model => model.Real_Tag_Id, "", new { @class = "text-danger" })
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <center><button type="submit" id="submit" class="btn btn-primary">Create Totalizer</button></center>
                            </div>
                        </form>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
                <!-- general form elements disabled -->
                <!-- /.card -->
            </div>
        </div>
    </div>
}
<script>
    $(document).ready(function () {

        // Initialize select2
        $("#Raw_Tag_List").select2();


        $("#Is_Cloud_Totalizer").change(function (e) {
            if (this.checked) {
                $("#tag_name").show();
            }
            else {
                $("#tag_name").hide();
            }
        });
    });
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...