Ошибка jQuery удаленной проверки MVC 3 при отправке

Question

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

Я заметил, что если я не наведу курсор в текстовое поле, а затем уберу его, чтобы вызвать проверку хотя бы один раз перед отправкой формы, я получу ошибку javascript.

e[h] is not a function jquery.min.js line 3

Если я пытаюсь повторно отправить форму после возврата вышеуказанной ошибки, все работает как положено. Это почти как попытка отправить форму перед ожиданием подтверждения или чего-то еще.

Нужно ли мне молча отключать удаленный запрос проверки перед отправкой моей формы?

Ниже приведен снимок кода, который я использую: (Я также пробовал GET вместо POST, но получаю тот же результат). Как упомянуто выше, код работает нормально, но форма возвращает ошибку jquery, если проверка не инициирована хотя бы один раз.

Модель:

public class RegisterModel
    {
        [Required]
        [Remote("DoesUserNameExist", "Account", HttpMethod = "POST", ErrorMessage = "User name taken.")]
        [Display(Name = "User name")]
        public string UserName { get; set; }

        [Required]
        [Display(Name = "Firstname")]
        public string Firstname { get; set; }

        [Display(Name = "Surname")]
        public string Surname { get; set; }

        [Required]
        [Remote("DoesEmailExist", "Account", HttpMethod = "POST", ErrorMessage = "Email taken.", AdditionalFields = "UserName")]
        [Display(Name = "Email address")]
        public string Email { get; set; }

        [StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 8)]
        [DataType(DataType.Password)]
        [Display(Name = "Password")]
        public string Password { get; set; }

        [StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 8)]
        [DataType(DataType.Password)]
        [Display(Name = "Confirm password")]
        public string ConfirmPassword { get; set; }

        [Display(Name = "Approved?")]
        public bool IsApproved { get; set; }
    }

public class UserRoleModel
    {
        [Display(Name = "Assign Roles")]
        public IEnumerable<RoleViewModel> AllRoles { get; set; }
        public RegisterModel RegisterUser { get; set; }
    }

контроллер:

    // POST: /Account/DoesEmailExist
    // passing in username so that I can ignore the same email address for the same user on edit page

    [HttpPost]
    public JsonResult DoesEmailExist([Bind(Prefix = "RegisterUser.Email")]string Email, [Bind(Prefix = "RegisterUser.UserName")]string UserName)
    {
        var user = Membership.GetUserNameByEmail(Email);
        if (!String.IsNullOrEmpty(UserName))
        {
            if (user == UserName)
                return Json(true);
        }
        return Json(user == null);
    }

Посмотреть:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js" type="text/javascript"></script>

<script type="text/javascript" src="/Content/web/js/jquery.unobtrusive-ajax.min.js"></script>
<script type="text/javascript" src="/Content/web/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/Content/web/js/jquery.validate.unobtrusive.min.js"></script>
......


@using (Html.BeginForm())
            {
                @Html.AntiForgeryToken()

                <div class="titleh">
                    <h3>Edit a user account</h3>
                </div>
                <div class="body">

                    @Html.HiddenFor(model => model.RegisterUser.UserName)
                    @Html.Partial("_CreateOrEdit", Model)

                    <div class="st-form-line">  
                        <span class="st-labeltext">@Html.LabelFor(model => model.RegisterUser.IsApproved)</span>
                        @Html.RadioButtonFor(model => model.RegisterUser.IsApproved, true, new { @class = "uniform" }) Active
                        @Html.RadioButtonFor(model => model.RegisterUser.IsApproved, false, new { @class = "uniform" }) Disabled
                    <div class="clear"></div>
                    </div>

                    <div class="button-box">
                        <input type="submit" name="submit" value="Save" class="st-button"/>
                        @Html.ActionLink("Back to List", "Index", null, new { @class = "st-clear" })
                    </div>                       
                </div>
            }

Частичное представление CreateEdit

    @model Project.Domain.Entities.UserRoleModel

<div class="st-form-line">  
    <span class="st-labeltext">@Html.LabelFor(m => m.RegisterUser.Firstname)</span>
    @Html.TextBoxFor(m => m.RegisterUser.Firstname, new { @class = "st-forminput", @style = "width:300px" })
    @Html.ValidationMessageFor(m => m.RegisterUser.Firstname)
<div class="clear"></div>
</div>

<div class="st-form-line">  
    <span class="st-labeltext">@Html.LabelFor(m => m.RegisterUser.Surname)</span>
    @Html.TextBoxFor(m => m.RegisterUser.Surname, new { @class = "st-forminput", @style = "width:300px" })
    @Html.ValidationMessageFor(m => m.RegisterUser.Surname)
<div class="clear"></div>
</div>


<div class="st-form-line">  
    <span class="st-labeltext">@Html.LabelFor(m => m.RegisterUser.Email)</span>
    @Html.TextBoxFor(m => m.RegisterUser.Email, new { @class = "st-forminput", @style = "width:300px" })
    @Html.ValidationMessageFor(m => m.RegisterUser.Email)
<div class="clear"></div>
</div>

Спасибо,

Богатые

Answer 1

Проблема здесь точно так же, как The Dog упоминает в комментарии выше. Установка имени формы и идентификатора исправила эту ошибку для меня.

На основании приведенного выше кода я заменил раздел BeginForm в представлении следующим образом:

@using (Html.BeginForm("Edit", "Account", FormMethod.Post, new { id = "editForm", name = "editForm" }))