Kendo Multiselect Validation - сообщение Reuired Validation, перекрывающее выпадающий список - это проблема CSS? - PullRequest
0 голосов
/ 29 февраля 2020

Когда я нажимаю на кнопку «Отправить», требуемое сообщение проверки отображается «Ввод задания». Если я щелкну внутри поля «Многоэлементный выбор», чтобы выбрать значение, появится раскрывающийся список, но в верхней части раскрывающегося списка появится сообщение проверки. Я что то не так делаю? ************************************************** ************************************************** ************************************************** ***** введите код здесь

<style>
    span.k-tooltip {
        position: absolute;
        top: 25px;
    }
</style>


<form id="form1">

    @(Html.Kendo().MultiSelect()
                    .Name("JobSelected")
                    .HtmlAttributes(new { style = "width:200px;", @required = "required", @validationMessage = "Enter Job", @class = "form-control job" })
                    .DataTextField("Text")
                    .DataValueField("Value")
                    .Placeholder("Select Jobs...")
                    .BindTo(new List<SelectListItem>() {
                    new SelectListItem() {
                    Text = "Item1", Value = "1"
                    },
                    new SelectListItem() {
                    Text = "Item2", Value = "2"
                    },
                    new SelectListItem() {
                    Text = "Item3", Value = "3"
                    },
                    new SelectListItem() {
                    Text = "Item4", Value = "4"
                    }
                                    })
                    )

    <button class="k-button k-primary" type="submit">Submit</button>

</form>

<script>

    $(function () {
        var validator = $("#form1").kendoValidator({
            rules: {
                //implement your custom date validation
                custom: function (input) {
                    if (input.is(".drp")) {
                        var ms = input.data("kendoDropDownList");
                        if (ms.value() == "-1") {
                            input.parent().addClass("k-invalid");
                            return false;
                        }
                        else {
                            input.parent().removeClass("k-invalid");
                            return true;
                        }
                    }
                    else if (input.is(".job")) {
                        var ms = input.data("kendoMultiSelect");
                        if (ms.value().length === 0) {
                            input.parent().addClass("k-invalid");
                            return false;
                        }
                        else {
                            input.parent().removeClass("k-invalid");
                            return true;
                        }
                    }
                    else if (input.is(".date") && input.val() != "") {
                        var currentDate = Date.parse($(input).val());
                        //Check if Date parse is successful
                        if (!currentDate) {
                            return false;
                        }
                        //grad date needs to be in the future
                        if (input.is("#txtGradDate") || input.is("#txtStartDate")) {
                            var d = new Date();
                            if (currentDate < d) {
                                return false;
                            }
                        }
                    }
                    else if (input.is("[data-role=maskedtextbox]") && input.val() != "") {
                        var maskedtextbox = input.data("kendoMaskedTextBox");
                        return maskedtextbox.value().indexOf(maskedtextbox.options.promptChar) === -1;
                    }

                    return true;
                }
            }
        }).data("kendoValidator");

        $("form").submit(function (event) {
            if (!validator.validate()) {
                $("#personalDiv").removeClass("valid").addClass("invalid");
                $('#btnPreviousPage').show();
                $('#btnNextPage').show();
                break;
            } else {
                $("#personalDiv").removeClass("invalid").addClass("valid");
            }
        });
    });
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...