gcogco10 Ответов: 1

Как сделать текстовое поле при выходе иметь одно сообщение об ошибке метки среди 5 текстовых полей?


Привет Команда

Я изо всех сил пытаюсь сделать свое текстовое поле, когда ухожу, чтобы иметь одно сообщение об ошибке метки, я сделал это хорошо на одном текстовом поле('email). Но попытка применить подобную логику к этим текстовым ящикам немного сложна и нуждается в некотором руководстве по моей логике ниже.

Что я уже пробовал:

<pre lang="HTML"><pre>       <div class="row">
                            <label for="Address">Address</label>
                            <div class="col-md-6 ">
                                <div class="input-group pull-right">
                                                 
                                    @Html.TextBoxFor(m => m.HomeMainModel.Address, new { @class = "form-control", type = "text", id = " street address", autofocus = "autofocus", placeholder = "Street Address", required = "required" })
                                    <div class="input-group-append">
                                        <div class="input-group-text">

                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                        <div class="col-md-6 col-sm-10 col-xs-10">
                            <label id="labelMessaget" class="text-danger" style="display:none"></label>
                        </div>

<div class="row">
                            <div class="col-md-6 ">
                                <div class="input-group pull-right">
                                                                   
                                    @Html.TextBoxFor(m => m.HomeMainModel.Address, new { @class = "form-control", type = "text", id = "address", autofocus = "autofocus", placeholder = "Street Address Line 2", required = "required" })
                                    <div class="input-group-append">
                                        <div class="input-group-text">
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-6 col-sm-10 col-xs-10">
                            <label id="labelMessaget" class="text-danger" style="display:none"></label>
                        </div>


<div class="form-group">
                           <div class="input-group mb-2">
                               <div class="input-group-prepend">

                               </div>

                               <div class="input-group col-md-7 col-md-offset-7 col-sm-7 col-xs-7">
                                   <div class="input-group pull-right">
                                                                    
                                       @Html.TextBoxFor(m => m.HomeMainModel.City, new { @class = "form-control", type = "text", id = "city", autofocus = "autofocus", placeholder = "City", required = "required" })             

                                       @Html.TextBoxFor(m => m.HomeMainModel.State, new { @class = "form-control", type = "text", id = "state", autofocus = "autofocus", placeholder = "State/ Province", required = "required" })

                                       <div class="input-group-append">
                                           <div class="input-group-text">
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                           <div class="col-md-6 col-sm-10 col-xs-10">
                               <label id="labelMessaget" class="text-danger" style="display:none"></label>
                           </div>
                           <hr />
                           <!--Zip code for postal code-->
                           <div class="input-group mb-2">
                               <div class="input-group-append">

                               </div>
                               <div class="input-group col-md-7 col-md-offset-3 col-sm-2 col-xs-2">
                                   <div class="input-group pull-right">
                                                        
                                                  
                                       @Html.TextBoxFor(m => m.HomeMainModel.Code, new
                                  {
                                      @class = "form-control",
                                      type = "text",
                                      id = "postal code",
                                      autofocus = "autofocus",
                                      placeholder = "Postal/Zip Code"

                                       })
                                                         
                                       @Html.DropDownListFor(m => m.HomeMainModel.SelectedCountryId, this.ViewBag.CountryList as SelectList, new { @class = "form-control" })
                                       <div class="input-group-append">
                                           <div class="input-group-text">

                                           </div>
                                       </div>

                                   </div>
                               </div>
                           </div>
                       </div>
                       <div class="col-md-6 col-sm-10 col-xs-10">
                           <label id="labelMessaget" class="text-danger" style="display:none"></label>
                       </div>

1 Ответов

Рейтинг:
0

Richard Deeming

Идентификатор в HTML - документе должен быть уникальным. Вы дали всем своим ярлыкам один и тот же идентификатор (labelMessaget), что не сработает.

Дайте каждой из ваших меток свой идентификатор.