Сообщение проверки HTML не отображается

Question

У меня есть форма, и я использую jquery для вызова счетчика перед отправкой формы, если она прошла проверку.Это работает.Единственная проблема заключается в том, что сообщение проверки не появляется, когда форма не проходит проверку.Сообщение появится, если я просто использую кнопку отправки.Любые идеи о том, что мне не хватает?

Обновление - я добавил свойство ниже с аннотациями данных.Исправление - форма работает с отправкой, пропускающей jquery, но также с @ required = "required", как показано.Если я уберу это примечание данных, кажется, не работает - атрибут «обязательный» не отображается в html.Весь документ, который я могу найти для этого, предназначен для MVC.Core - который я не использую - так что, возможно, это моя проблема

Форма

@using (Html.BeginForm("", ", FormMethod.Post, new { @class = "form-horizontal", role = "form", id="membername" }))
{
    @Html.TextBoxFor(m => Model.Person.Salutation, new { @class = "form-control", required = "required" })
    @Html.ValidationMessageFor(model => model.Person.Salutation, "", new { @class = "text-danger" })
<input id="savememberbutton" type="button" class="btn btn-lg btn btn-success" value="Save"/>
 }

$('#savememberbutton').on('click', function (e) {
    e.preventDefault();
    var thisform = $(this).closest("form");
    var ok = $(thisform)[0].checkValidity();
    if (ok) {
        $('#spinnerModal').modal('show'); 
        $(thisform).submit(); 
    }
});

    [StringLength(5)]
    [Required(ErrorMessage = "Please Enter Dr/Rev/")]
    public string Salutation { get; set; }