使用 jquery datepicker 进行 Jquery 客户端验证答案

【问题标题】：Jquery client side validation with jquery datepicker使用 jquery datepicker 进行 Jquery 客户端验证
【发布时间】：2015-07-29 22:25:53
【问题描述】：

验证曾经有效，但我改用 datepicker。我注意到客户端验证并不总是受到打击。可能需要几个日期选择才能到达断点。但是，如果您选择了一个日期并且仍在文本框中并按 Enter，则每次都有效。

我确实在视图中加载了正确的脚本。我的验证方法只是

[HttpPost]
public JsonResult CheckEndDate(DateTime CourseEndDate, DateTime CourseStartDate)
{
    return Json(CourseStartDate < CourseEndDate);
}

我的模型属性

[Remote("CheckEndDate", "Course", AdditionalFields = "CourseStartDate", HttpMethod = "POST",
    ErrorMessage = "Must end after Start Date")]

查看资料

@model Nullable<DateTime>
@{
    DateTime date = DateTime.Now;

    if (Model != null) {
        date = (System.DateTime) Model;
    }
}
@Html.TextBox("", String.Format("{0:MMM dd, yyyy}", date),
  new { @class = "datefield", type = "text"  })

<td class="table-row">
    @Html.EditorFor(model => model.CourseStartDate)
    @Html.ValidationMessageFor(model => model.CourseStartDate)
</td>
<td class="table-row">
    @Html.EditorFor(model => model.CourseEndDate)
    @Html.ValidationMessageFor(model => model.CourseEndDate)
</td>
//Date field datepicker hookup
$('.datefield').datepicker({dateFormat:'M dd, yy'});

再次说明，我没有使用日期选择器，除了谷歌，我想要一个跨浏览器的。它正在处理每个日期更改。现在它可以工作一半时间或仅在按 Enter 时工作。

如果您还需要什么，请告诉我。

【问题讨论】：

标签： javascript jquery validation datepicker

【解决方案1】：

在我的项目中，我做了这样的验证：

$(".datepicker").datepicker().on('changeDate', function (ev) {
     //Your validation goes here
     if(!good){
       ev.setValue("");
       alert("Your date is invalide!");
     }
});

【讨论】：