Javascript 如何使用MVC4Razor验证剑道日期时间选择器?
我想在客户端验证kendo DateTimePicker。我在视图上的控件为Javascript 如何使用MVC4Razor验证剑道日期时间选择器?,javascript,jquery,asp.net-mvc-4,kendo-asp.net-mvc,Javascript,Jquery,Asp.net Mvc 4,Kendo Asp.net Mvc,我想在客户端验证kendo DateTimePicker。我在视图上的控件为 @(Html.Kendo().DateTimePickerFor(m => m.StartDate) .HtmlAttributes(new { style = "width:200px", @class = datePicker",required = "true" }) .Name("StartDate")
@(Html.Kendo().DateTimePickerFor(m => m.StartDate)
.HtmlAttributes(new { style = "width:200px", @class = datePicker",required = "true" })
.Name("StartDate")
.Depth(CalendarView.Year)
.Value(DateTime.Now.ToString())
.Min(DateTime.Now.ToString())
.Max(DateTime.Now.AddMonths(4))
.Format("MM/dd/yyyy hh:mm tt")
)
我在ready函数中屏蔽了它,但它允许我输入任何输入
$(document).ready(function () {
$('.datePicker').mask('99/99/9999');
$('#_appointmentCreateForm input[type="text"], textarea').tooltipster({
trigger: 'custom',
onlyOne: false,
position: 'right',
appendTo: "#_appointmentCreateForm"
});
$('#_appointmentCreateForm').validate({
ignore: [],
rules: {
StartDate: {
required: true
}
},
messages: {
StartDate: {
required: "Please choose Date and Time."
}
},
errorPlacement: ValidatorErrorPlacement,
success: ValidatorSuccess
}
);
});
当datetimepicker中没有值时,即datetimepicker为空,则验证失败,但不显示任何消息。
那么,我如何验证剑道DateTimePicker以接受有效的输入格式呢?提前感谢。您可以定义
Html.Kendo().DateTimePickerFor(model => model.date_debut)
.ParseFormats(new string[] { "dd/MM/yyyy HH:mm" })
在控制面板上。但这将是一个服务器端验证,作为Html。Kendo将从模型生成控件。
要在客户端验证它,最好的方法是测试何时触发提交
$.submit(function(e) {
//test if form is ok
});
我的问题解决了!当我把ready函数改为
$(document).ready(function () {
$('.datePicker').mask('99/99/9999');
$('#_appointmentCreateForm input[type="text"], textarea').tooltipster({
trigger: 'custom',
onlyOne: false,
position: 'right',
appendTo: "#_appointmentCreateForm"
});
$('#_appointmentCreateForm').validate({
ignore: [],
rules: {
Speciality: {
selectspeciality: true
}
},
messages: {
Speciality: {
selectspeciality: "Please select Speciality."
}
},
errorPlacement: ValidatorErrorPlacement,
success: ValidatorSuccess
}
);
$.validator.addMethod("selectspeciality", function (value, element) {
var isValid = $(element).data("kendoDropDownList").selectedIndex == 0 ? false : true;
return this.optional(element) || isValid;
}, "Please select Speciality.");
});
它会帮助像我这样的人