ASP. NetCORE Razor page Проверка на стороне клиента не отображает сообщение об ошибке - PullRequest
0 голосов
/ 23 апреля 2020

Я не могу получить проверку на стороне клиента для отображения сообщения об ошибке для WebForm.FullName, когда это поле отправлено с пустой строкой. Это предотвращает отправку веб-страницы на сервер при отправке, когда это поле пустое, поэтому я знаю, что проверка работает несколько. Просто не могу понять, что я делаю неправильно в отношении сообщения об ошибке не отображается.

До сих пор я пытался безуспешно:

  1. Размещение ссылок валидатора jquery на странице WebForm.cs html.
  2. Добавление поля с? отмечает, что делает их обнуляемыми в WebForm.cs.
  3. последней попыткой было добавить z-index.

Любая помощь будет принята с благодарностью. Заранее спасибо.

enter image description here

WebForm.cs html

    <div>
    <form method="post">
        <div class="w-75" style="margin:0 auto; border: 1px solid lightgrey; padding:20px;">
            <div class="row justify-content-center">
                <div class="form-group col-md-4" style="padding:5px;">
                    <label for="WebForm.FullName">Name:</label>
                    <input asp-for="WebForm.FullName" name="FullName" size="25" style="text-align:center;">
                    <span asp-validation-for="WebForm.FullName" class="text-danger" style="z-index:999;"></span>
                </div>
            </div>
            <div class="row justify-content-end">
                <div class="form-group" style="padding:5px;">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </div>
        </div>
    </form>
    </div>

WebForm.cs html .cs

    public class WebFormModel : PageModel
{
    //This is the Data Binding model class. 
    [BindProperty]
    public WebForm WebForm { get; set; }

    public void OnGet()
    {

    }

    //Handle form post here. 
    public void OnPost(WebForm WebForm)
    { 

    }
}

WebForm.cs

    public class WebForm
{
    [Required(ErrorMessage="Full name is required.")]
    public string FullName { get; set; }
}

1 Ответ

0 голосов
/ 24 апреля 2020

Мой коллега помог мне разобраться в проблеме: эта строка html в файле WebForm.cs html

    <input asp-for="WebForm.FullName" name="FullName" size="25" style="text-align:center;">

должна быть:

    <input asp-for="WebForm.FullName" name="WebForm.FullName" size="25" style="text-align:center;">
...