Почему валидация не сбой на стороне клиента, но сбой на стороне сервера?

Question

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

Вот что я сделал до сих пор:

Вид:

var RequestCreateAccount_Submit = function() { 

     var res = false; 
     ValidationAttribute.BlankValue(true); 
     var form = $('form#RequestCreateAccount'); 
     $.validator.unobtrusive.parse(form); 
     var res = form.valid(); 
     var data = form.serialize(); 

     if (res) { 
      $.ajax({ 
       url: Url.getFullUrl('Account/RequestCreateAccount_Submit'), 
       type: 'Post', 
       data: data, 
       cache:false, 
       success: function (data) { 
        //Next Dialog 

       }, 
       error: AjaxLog.HandleAjaxCallFail 
      }); 
     } 
     return res; 
    } 

Контроллер:

[AllowAnonymous] 
    [HttpPost] 
    public ActionResult RequestCreateAccount_Submit(UserAccount userAccount)  
    { 
     //Check if username is unique 
     if (!WebSecurity.UserExists(userAccount.UserName)) 
     { 
      UserSession.AddValue(StateName.CreateOrEditAccount, "CurrentUserAccount", userAccount); 
      JsonResult res = Json(new { Success = true, data = "", Message = "" }); 
      return res; 
     } 
     JsonResult jres = Json(new { Success = false, data = "", Message = "Username is already registered"}); 
     return jres; 
    } 

Я тестировал его с известным именем и она попала в успех = ЛОЖЬ (вне строки if), и она не попала внутрь статута if. Поэтому я знаю, что проверка на стороне сервера работает.

Однако, мне интересно, почему на стороне клиента это все еще успех = истина, и появился следующий диалог. Это не подвело к проверке. Что я делаю неправильно на стороне клиента?

Answer 1

Причина в том, что ваш контроллер действительно успешно возвращает результат. Просто успешный результат указывает на ошибку. В то время как логически схожие в этот момент, они очень разные. Ошибка будет зарезервирована для фактических исключений или 404 нет типа текущего типа сценариев.

Вы должны проверить статус ответа внутри вашего успеха функции обратного вызова

dotNetFiddle Demo

$.ajax({ 
    url: Url.getFullUrl('Account/RequestCreateAccount_Submit'), 
    type: 'Post', 
    data: data, 
    cache:false, 
    success: function (data) { 
    if(data.Success === false){ 
     AjaxLog.HandleAjaxCallFail(); 
     // this may not make as much sense though 
     // as the request didn't actually fail, just the action did 
     //TODO: code for name fail 
     return;//do not process next dialog 
    } 
    //Next Dialog 

    }, 
    error: AjaxLog.HandleAjaxCallFail 
    }); 

Answer 2

success = false вашего объекта результата не означает, что запрос не удалось. Он стоит только для data.success, не более того. По-прежнему остается (HTTP 200), который я считаю правильным кодом ответа. Если вы вернете код ошибки, например new HttpStatusCodeResult(404, "error message");, это означает, что ваш запрос не удался, но это неверно.

Вы запрашиваете работу независимо от результата проверки. Таким образом, вы можете проверить это в вашем success обратного вызова, вместо error обратного вызова:

success: function(data) { 
    if (data.success) { 
     //Next Dialog 
    } 
    else { 
     // error message 
    } 
}