html - 在日历控件上进行客户端验证的最佳方法

Question

我有一个 MVC 应用程序，其中一个视图中有一个日历控件。

我通过 javascript 加载 Kendo ui 日期选择器，默认情况下它设置当前日期。

我们如何对日期选择器进行验证，以便用户不会为日期提交空值？

现在我有一个服务器端验证。

Answer 1

观点：

@Html.EditorFor(model => model.Date, new {@onchange = "checkDate()"})

然后在表格的末尾：

<script type="text/javascript">

function checkDate(){
     var Date = $('#Date').val();
       var matches = /^(\d{2})[-\/](\d{2})[-\/](\d{4})$/.exec(Date);
    if (matches == null){
//Here you can add code to highlight, show error etc.
return false;
} 
}
</script>

matches= /^(\d{2})[-\/](\d{2})[-\/](\d{4})是正则表达式，不同的日期格式不同

Answer 2

如果添加[DataType(DataType.DateTime)]属性 asp.net mvc 会自动提供由 jquery validate 处理的客户端验证。此外，您应该查看Globalize以设置不同的文化。