html - カレンダー コントロールでクライアント側の検証を行う最良の方法

Question

ビューの1つにカレンダーコントロールがあるMVCアプリケーションがあります。

JavaScript を使用して Kendo ui の日付ピッカーをロードすると、デフォルトで現在の日付が設定されます。

ユーザーが日付の空の値を送信しないように、datepicker で検証を行うにはどうすればよいでしょうか?

現在、サーバー側の検証があります。

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})正規表現です。日付形式によって異なります