1
我使用Telerik Kendo DatePickerFor控件阻塞了幾天。在添加DatePickerFor控件之前,所有其他控件都運行良好。它假設驗證'ProjectName'下拉列表和其他複選框(在這篇文章中被忽略),所有的錯誤消息掛在UI頁面的頂部。在添加日期選擇器控件和驗證之後,模型確實會得到正確的http post和datetime,但是如果有任何輸入無效,則不會顯示驗證消息。如果刪除日期時間選擇器控件,驗證將恢復正常。任何線索表示讚賞。Kendo DatePickerFor with JQuery驗證
CSHTML
@section Scripts {
@Scripts.Render("~/bundles/kendo")
<script src="~/Scripts/custom.validate.js"></script>
<script type="text/javascript">
$.validator.setDefaults({
ignore: ""
});
</script>
}
@(Html.Kendo().DropDownListFor(model => model.ProjectName).Name("ProjectName")...)
@Html.Kendo().DatePickerFor(model => model.UptoTimestamp)
型號
public class IntegrationModel
{
public string ProjectName { get; set; }
public DateTime? UptoTimestamp { get; set; }
}
JQuery的驗證
$(document).ready(function() {
$.validator.addMethod("validateType",
function (value, element) {
return $('#rbFor')[0].checked || $('#rbRev')[0].checked;
});
$.validator.addMethod("validateUptoTimestamp",
function (element) {
var value = $(element).val();
var date = kendo.parseDate(value);
if (!date) {
return false;
}
return true;
});
$('#schedule_form').validate({
rules: {
ProjectName: {
required: true
},
UptoTimestamp: {
validateUptoTimestamp: true
}
},
messages: {
ProjectName: {
required: "Please select a project"
},
UptoTimestamp: {
required: "Please provide a valid time stamp"
}
},
errorContainer: $('#errorContainer'),
errorLabelContainer: $('#errorContainer ul'),
wrapper: 'li'
});
})