在 jquery datepicker 中添加验证答案

【问题标题】：add validation in jquery datepicker在 jquery datepicker 中添加验证
【发布时间】：2013-02-17 09:18:03
【问题描述】：

    $(document).ready(function () {

        $("#datepicker1").datepicker({

            minDate: 0,
            numberOfMonths: 2,
            onSelect: function (selected) {
                var minDate = $(this).datepicker('getDate');
                minDate.setDate(minDate.getDate() + 1);
                $("#datepicker2").datepicker("option", "minDate", minDate)
            }
        });

        $("#datepicker2").datepicker({
            numberOfMonths: 2,
            onSelect: function (selected) {
                $("#datepicker1").datepicker("option", "maxDate", selected)
            }
        });
    });

我有 2 个文本框（带有 jquery datepicker），即 datepicker1 和 datepicker2 以及一个搜索按钮。如果我点击按钮而不选择任何日期，我想显示一个标签，上面写着“请选择一个日期”这可能吗？

【问题讨论】：

标签： c# jquery asp.net validation

【解决方案1】：

使用RequiredFieldValidator 检查空输入字段。

另请参阅：

RequiredFieldValidator Class

【讨论】：

RequiredFieldValidator 不支持带有 jquery datepicker 的文本框。 :((
是的，只要它是 ASP.NET TextBox。

【解决方案2】：

确定！

您可以使用为您执行此操作的插件。 jQuery 验证是一个不错的选择 http://docs.jquery.com/Plugins/Validation。

或者你可以自己写：

$("#search").click(function(e){
  if($("#datepicker2").val() === '' ||  $("#datepicker1").val() === ''){
    alert("Please provide a value for date");
    e.cancel();
  }
});

代码未经测试，您可能需要稍微调整一下:)

【讨论】：

这是我的按钮。我怎样才能将它连接到javascript？
如果您使用的是 aspnet 按钮，则需要添加 clientid： $("#").click(function(e) { e.preventDefault( ); if($("#datepicker2").val() === '' || $("#datepicker1").val() === ''){ alert("请提供日期值" ); e.cancel(); } });

【解决方案3】：

如果你只想验证空文本框，那么你可以去

假设您的 asp 按钮的 id 为“btnSubmit”，因此您可以这样做..

$('#btnSubmit').click(function (e) {
if (!valdateForm) {
e.preventDefault(); // this will prevent the button to submit so you can display error messages or do any other stuff you want. if validateForm returns true, then the form will submit as expected.
}


});

function validateForm() {
    if ($('#datepicker1').val().length == 0 || $('#datepicker2').val().length == 0) {
     return false;
    } else {return true;}
}

【讨论】：

但我有一个搜索按钮。如何将此与 ASP 按钮连接起来？
@JakeruselPalma 我已经编辑了我的答案，但没有对其进行测试。请尝试让我知道。