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