验证错误未与AJAX一起显示

我已经为此苦苦挣扎了两天，我不知道问题出在哪里。

当我离开文本框时，Ajax调用是正确的，并且结果以true或false返回，并且成功执行函数：

问题是图像和错误文本没有显示在文本框旁边。如果我在文本框中输入的字符数超过50个，则显示“必须少于50个字符”消息，但我输入的用户名已经存在，则该消息不显示。

我想念什么？有什么建议？

我使用一个DevExpress文本框

Html.DevExpress().Label(
        edtSettings =>
        {
            edtSettings.ControlStyle.CssClass = "label";
            edtSettings.Text = "User Name:";
            edtSettings.AssociatedControlName = "UserName";
        }
    )
    .Render();
    Html.DevExpress().TextBox(
        edtSettings =>
        {
            edtSettings.Name = "UserName";
            edtSettings.ControlStyle.CssClass = "editor";
            edtSettings.ShowModelErrors = true;
            edtSettings.Width = 100;
            edtSettings.Properties.ValidationSettings.Assign(IserValidationHelper.UserNameValidationSettings);
            edtSettings.Properties.ClientSideEvents.Validation = "OnNameValidation";
            edtSettings.ControlStyle.BackColor = System.Drawing.Color.LightYellow;
        }
        )
        .Bind(DataBinder.Eval(IserUser, "UserName"))
        .Render();

我有以下JavaScript。

<script type="text/javascript">

function OnNameValidation(s, e) {

    if (e.value == null)
        e.isValid = false;

    $.ajax({
        type: 'POST',
        url: '/Admin/CheckUsername',
        dataType: 'json',
        data: { userName: e.value },
        error: function () { alert("error"); },
        success: function (Data) {
            if (Data.result == true) {
                e.isValid = false;
                e.errorText = "User Exits";
            };
        }
    });

    var name = e.value;
    if (name == "")
        e.isValid = false;

    if (name.length > 50) {
        e.isValid = false;
        e.errorText = "Must be under 50 characters";
    }

}

我的控制器中有以下方法。

[HttpPost]
    public ActionResult CheckUsername(string userName)
    {
        bool status = WebSecurity.UserExists(userName);
        return Json(new { result = status });
    }