2013-07-27 23 views
0

我有一個MVC應用程序,其中的一個視圖中有一個日曆控件。在日曆控件上進行客戶端驗證的最佳方法

我通過JavaScript加載Kendo ui datepicker,默認情況下它設置當前日期。

我們如何對datepicker進行驗證,以便用戶不會爲日期提交空值?

現在我有一個服務器端驗證。

上視圖

回答

2

@ Html.EditorFor(型號=> model.Date,新的{@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})是正則表達式,它是不同的日期格式

0

不同如果添加[DataType(DataType.DateTime)]屬性asp.net MVC提供客戶端驗證automaticall y由jquery驗證處理。你也應該看看Globalize設置不同的文化。

相關問題