Bdtjtk

I am trying to validate the input field form. Achieved some results. I use Ajax request.
Model:

public int Id { get; set; }

        [Required]

        [Display(Name = "Фамилия")]

        public string CSurname { get; set; }

        [Required]

        [Display(Name = "Имя")]

        public string CName { get; set; }

        [Required]

        [Display(Name = "Отчество")]

        public string CPatronymic { get; set; }

        [Required]

        [Display(Name = "Логин")]

        public string Login { get; set; }

        [Required]

        [Display(Name = "Пароль")]

        public string Password { get; set; }

        [Required]

        [Display(Name = "E-meil")]

        public string Email { get; set; }



        public virtual ICollection<Order> Orders { get; set; }



        public Client()

        {

            Orders = new List<Order>();

        }

Controller:

[HttpPost]

        public ActionResult Registration(Client client)

        {

            if (ModelState.IsValid)

            {

                return RedirectToAction("Index");

            }



            return View();

        }

View:

@using (Ajax.BeginForm("Registration", new AjaxOptions { UpdateTargetId = "results" }))

{

    <div class="container">

        <div class="form-signin">

            <div class="form-group">

                @Html.LabelFor(i => i.CSurname, "Фамилия")

                <div class="cols-sm-10">

                    <div class="input-group">

                        <span class="input-group-text"><i class="fa fa-id-badge" aria-hidden="true"></i></span>

                        @Html.EditorFor(i => i.CSurname, new { htmlAttributes = new { @id = "txtSurname", @class = "form-control", @placeholder = "Введите фамилию" } })

                    </div>

                    @Html.ValidationMessageFor(i => i.CSurname, "", new { @class = "text-danger", @id = "mess" })

                </div>

            </div>



            <div class="form-group">

                @Html.LabelFor(i => i.CName, "Имя")

                <div class="cols-sm-10">

                    <div class="input-group">

                        <span class="input-group-text"><i class="fa fa-id-badge" aria-hidden="true"></i></span>

                        @Html.EditorFor(i => i.CName, new { htmlAttributes = new { @id = "txtName", @class = "form-control", @placeholder = "Введите имя" } })

                    </div>

                    @Html.ValidationMessageFor(i => i.CName, "", new { @class = "text-danger" })

                </div>

            </div>



            <div class="form-group">

                @Html.LabelFor(i => i.CPatronymic, "Отчество")

                <div class="cols-sm-10">

                    <div class="input-group">

                        <span class="input-group-text"><i class="fa fa-id-badge" aria-hidden="true"></i></span>

                        @Html.EditorFor(i => i.CPatronymic, new { htmlAttributes = new { @id = "txtPatr", @class = "form-control", @placeholder = "Введите отчество" } })

                    </div>

                    @Html.ValidationMessageFor(i => i.CPatronymic, "", new { @class = "text-danger" })

                </div>

            </div>



            <div class="form-group">

                @Html.LabelFor(i => i.Login, "Логин")

                <div class="cols-sm-10">

                    <div class="input-group">

                        <span class="input-group-text"><i class="fa fa-user fa" aria-hidden="true"></i></span>

                        @Html.EditorFor(i => i.Login, new { htmlAttributes = new { @id = "txtLogin", @class = "form-control", @placeholder = "Введите логин" } })

                    </div>

                    @Html.ValidationMessageFor(i => i.Login, "", new { @class = "text-danger" })

                </div>

            </div>



            <div class="form-group">

                @Html.LabelFor(i => i.Password, "Пароль")

                <div class="cols-sm-10">

                    <div class="input-group">

                        <span class="input-group-text"><i class="fa fa-lock fa" aria-hidden="true"></i></span>

                        @Html.PasswordFor(i => i.Password, new { @id = "txtPass", @class = "form-control", @placeholder = "Введите пароль" })

                    </div>

                    @Html.ValidationMessageFor(i => i.Password, "", new { @class = "text-danger" })

                </div>

            </div>



            <div class="form-group">

                @Html.LabelFor(i => i.Email, "E-Mail")

                <div class="cols-sm-10">

                    <div class="input-group">

                        <span class="input-group-text"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>

                        @Html.EditorFor(i => i.Email, new { htmlAttributes = new { @id = "txtMail", @class = "form-control", @placeholder = "Введите e-mail", @type = "email" } })

                    </div>

                    @Html.ValidationMessageFor(i => i.Email, "", new { @class = "text-danger" })

                </div>

            </div>



            <input id="btnAdd" type="submit" class="btn btn-success btn-block" value="Добавить" />

        </div>

    </div>

}

Also the scripts are connected to the layout.

@Scripts.Render("~/scripts/jquery.validate.min.js")

@Scripts.Render("~/scripts/jquery.validate.unobtrusive.min.js")

There is an email type field.
As soon as I start to enter data into it, if you do not enter @ then the message immediately pops out:

But, if i use Ajax.Beginform without connection

@Scripts.Render("~/scripts/jquery.validate.min.js")

@Scripts.Render("~/scripts/jquery.validate.unobtrusive.min.js")

When you click add, сlimbs another message in a different style.

This text contained in:

$('#txtMail')[0].validationMessage

How to me to achieve that when using Ajax of the request the same message?