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

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

1 голос
/ 29 февраля 2012

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

Я заметил, что если я не наведу курсор в текстовое поле, а затем уберу его, чтобы хотя бы один раз запустить проверку перед отправкой формы, я получу ошибку 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>

Спасибо

Rich

1 Ответ

0 голосов
/ 06 июля 2012

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

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

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