在jquery日期选择器中添加验证

本文关键字：添加 验证 选择器 jquery 日期 | 更新日期: 2023-09-27 17:59:49

    $(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)
            }
        });
    });

我有两个文本框(带有jquery日期选择器(，分别是日期选择器1和日期选择器2以及一个搜索按钮。如果我点击不选择任何日期的按钮，我想显示一个标签，上面写着"请选择日期"，这可能吗？

在jquery日期选择器中添加验证

使用RequiredFieldValidator检查空输入字段。

另请参阅：

RequiredFieldValidator类

当然！

你可以使用一个插件为你做这件事。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();
  }
});

未测试的代码，您可能需要对其进行一些调整：(

如果你只想根据空文本框进行验证，那么你可以直接使用

假设您的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;}
}
相关文章：