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

Question

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

我通过javascript加载了Kendo ui datepicker，默认设置当前日期。

我们如何对datepicker进行验证，以便用户不为该日期提交空值？

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

Answer 1

视图上的

：

@ Html.EditorFor（model =＆gt; 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来设置不同的文化。