У меня есть форма с двумя элементами 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>