KendoValidation с удаленной проверкой - PullRequest
Новая
       41

KendoValidation с удаленной проверкой

0 голосов
/ 04 мая 2019

Это почти убивает меня.Я никогда не тратил так много времени на проблему.У меня есть поле, которое необходимо проверить с помощью вызова REST API, поскольку оно должно проверять наличие некоторых данных в БД.Проблема в том, что вызов validator.validate возвращает true, даже если вызов json api возвращает false.

Вот код (я использую помощники Kendo MVC, но это не связано с этой проблемой) 

<div id="divValidator1">
<div class="form-group">
    @Html.LabelFor(m => m.Email)
    @(Html.Kendo().TextBoxFor(m => m.Email)
          .HtmlAttributes(new { placeholder = "you@domain.com", type = "email", @class = "k-textbox required",data_bind="value: XXX" })
    )
</div>

<footer class="col-xs-12 form-group text-right">
    @(Html.Kendo().Button()
          .Name("Next1")
          .Content("Next")
          .HtmlAttributes(new { @class = "k-primary", data_bind = "enabled: isEnabled" })
          .Events(ev => ev.Click("onNextClick")))
</footer>


var kendoValid = $("#divValidator1").kendoValidator({
    validateOnBlur: false,
     rules: {
            remote: function (input) {
                if (input.val() == "" || !input.attr("data-val-remote-url")) {
                    return true;
                }

                if (input.attr("data-val-remote-recieved")) {
                    input.attr("data-val-remote-recieved", "");
                    return !(input.attr("data-val-remote"));
                }

                var url = input.attr("data-val-remote-url");
                var postData = {};
                postData[input.attr("data-val-remote-additionalfields").split(".")[1]] = input.val();

                var validator = this;
                var currentInput = input;
                input.attr("data-val-remote-requested", true);
                $.ajax({
                    url: url,
                    type: "POST",
                    data: JSON.stringify(postData),
                    dataType: "json",
                    traditional: true,
                    async:false,
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {

                        if (data == true) {
                            input.attr("data-val-remote", "");
                        }
                        else {
                            input.attr("data-val-remote", false);
                        }
                        input.attr("data-val-remote-recieved", true);
                     //   validator.validateInput(currentInput);


                    },
                    error: function () {
                        input.attr("data-val-remote-recieved", true);
                        validator.validateInput(currentInput);
                    }
                });
                return true;
            }
        },
        messages: {
            remote: function (input) {
                return input.attr("data-val-remote");
            }
        }
}).data("kendoValidator");

var viewModel1 = kendo.observable({
    XXX:null,
        isEnabled: function () {

            var self = this;

            self.get("XXX");

            var x = $("#divValidator1").data("kendoValidator");

            console.log(x.validate());
        }
    });

    kendo.bind($("#divValidator1"), viewModel1);

и вот контроллер 

public ActionResult IsEmailJustPresent(string email)
    {
        var res = email == "something";

        return Json(res, JsonRequestBehavior.AllowGet);
    }

И ViewModel 

 public class RegisterViewModel
{
    [Required]
    [EmailAddress]
    [Display(Name = "Email")]
    [Remote("IsEmailJustPresent", "Home")]
    public string Email { get; set; }
}

I 'Мы также использовали kendo.observable, чтобы я мог включить / отключить следующую кнопку на основе значения проверки.

В функции isEnabled вы видите, что я делаю var x = $ ("# divValidator1"). Data ("kendoValidator");но он всегда возвращает true (кажется, проверяет только обязательный атрибут).

Чтобы достичь этого решения, я начал с здесь

Если вы хотите, есть более сложный примерЯ создал на git , который включает в себя мастера, который мне понадобится в моем окончательном проекте

1 Ответ

1 голос
/ 09 мая 2019

Может ли эта закомментированная строка быть проблемой? 

//   validator.validateInput(currentInput);

Правильно ли установлен атрибут "data-val-remote"?

...