jQuery UI ダイアログを使用してデータをキャプチャし、データベースを更新しています。日付/時刻フィールドを検証して、scheduledStart(datetime) がcheduledStop (datetime) よりも大きくないことを確認したいと思います。
検証が満たされない場合は、更新をキャンセルし、UI ダイアログでユーザーに CSS スタイルの変更を通知したいと思います。以下のコードに基づいて、日付ボックスをチェックするための検証を追加するにはどうすればよいですか?
.ajax を介してデータを送信するコードは次のようになります。
$(document).ready(function(){
$(".openDialog").live("click", function (e) {
e.preventDefault();
$("<DIV></DIV>")
.addClass("dialog")
.attr("id", $(this).attr("data-dialog-id"))
.appendTo("body")
.dialog({
title: $(this).attr("data-dialog-title"),
width: dialogWidth,
height: dialogHeight,
close: function(){
$(this).dialog("destroy");
$(this).remove();
},
modal: true,
cache: false,
buttons: {
"Save": function() {
var recordId = $('#recordId').val();
var scheduledStart = $('scheduledStart')convertToStandardDateTime($('scheduledStart').val());
var scheduledStop = $('scheduledStop')convertToStandardDateTime($('scheduledStop').val());
$.ajax({
type: "POST",
url: "@Url.action("SaveActivityDetails", "ActivtyDetails")",
Context: $(this),
Data: { recordId: recordId,
scheduledStart: (new Date(schededuledStart).toJSON(),
scheduledStop: (new Date(scheduledStop).toJSON()
},
cache: false,
dataType: "json",
success: function () {
$this.html("");
$this.dialog("close");
},
error: function(xhr, textStatus, errorthrown)
{
//handle error
}
});
},
"Cancel": function(){
$(this)dialog("close");
}
}
})
.load(this.href);
});
});