gcogco10 Ответов: 1

Как проверить текстовое поле в ASP.NET MVC использует ошибку bootstrap?

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

Я изо всех сил пытаюсь проверить свое текстовое поле в своей форме, используя im asp.net mvc. Я поделюсь ниже своей логикой на стороне представления, должен ли я что-то делать на уровне javascript внутри самого представления? Пожалуйста, помогите мне улучшить эту логику лучше для понимания Пользователем при отправке формы. Мое сообщение Я хочу отобразить "поле обязательно", особенно если его нужно оставить без предоставления какой-либо информации.

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

<div class="row">
                    <label for="Attendee Cell Number">Cell Number:</label>
                    <div class="input-group col-md-3 col-md-offset-1 col-sm-1 col-xs-1">
                        <div class="input-group pull-right">
                               
                            @Html.TextBoxFor(m => m.Cell_Number, new { @class = "form-control", type = "text", id = "cell number", autofocus = "autofocus", required = "required" })

                            <div class="input-group-append">
                                <div class="input-group-text">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>



<div class="input-group mb-2">
                         <div class="input-group-append">

                         </div>
                         <div class="input-group col-md-4 col-md-offset-2 col-sm-2 col-xs-2">
                             <div class="input-group pull-right">
                                                             
                                 @Html.TextBoxFor(m => m.Code, new
                                 {
                                     @class = "form-control",
                                     type = "text",
                                id = "postal code",
                                     autofocus = "autofocus",
                                     placeholder = "Postal / Zip Code",
                                required = "required",
                                pattern = @"[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$",
                               title = "This field is required"
                                 })

                                 <div class="input-group-append">
                                     <div class="input-group-text">

                                     </div>
                                 </div>

                             </div>
                         </div>
                     </div>

1 Ответов

Рейтинг:
0

Richard Deeming

Добавьте свои правила проверки в модель и убедитесь, что вы включили сценарии проверки jQuery на свою страницу.
Добавление Проверки | Microsoft Docs[^]

[Required]
public string Cell_Number { get; set; }

[Required]
[RegularExpression(@"^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$")]
[Display(Name = "Postal / Zip Code")]
public string Code { get; set; }

NB: В обоих случаях вы пытаетесь установить ID к значению с пробелом в нем. Не делай этого:
id - HTML: язык гипертекстовой разметки | MDN[^]:
id's значение не должно содержать пробелов (пробелов, табуляций и т. д.).

gcogco10

Привет, Ричард, я внес изменения в соответствии с этим решением и удалил свой идентификатор, исправленный в соответствии с этой логикой. По-прежнему никаких подтверждений, ничего такого, что я мог бы упустить? Пожалуйста, совет

Richard Deeming

Вы добавили скрипты проверки jQuery и правильно ли они загружаются?

Возможно, Вам также потребуется добавить appSetting в web.config чтобы включить ненавязчивую проверку:

<addSettings>
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>


NB: Когда форма будет отправлена, вы также захотите проверить ModelState.IsValid чтобы проверить правила проверки на сервере. Если он вернется false, вам нужно будет повторно отобразить вид.

gcogco10

Ричард, я тоже это настроил, но все равно ничего не работает. Я пытаюсь переделать его с помощью одного конкретного текстового поля, чтобы посмотреть, может ли это сработать.

Richard Deeming

Проверьте визуализированный источник вашей страницы, чтобы убедиться, что он включает атрибуты проверки на входных данных.

Также проверьте консоль инструментов разработчика браузера на наличие каких-либо ошибок.

gcogco10

// Маршрут для приборной панели.
маршруты.MapRoute(
название: "приборная панель",
url: "панель мониторинга/",
по умолчанию: новый { контроллера = "Главная", действие = "индекс", элемент ID = UrlParameter.Необязательный }
); Ничто не является ошибкой в инструменте разработчика, который я проверил