Javascript 选择所有强制字段后显示验证弹出窗口

我对filterbutton有一个问题：当一些客户端选择所有强制字段时，网格必须被过滤，否则它必须显示一条弹出消息：“选择所有强制字段”

在我的小提琴里，我有3个下拉菜单和2个日期选择器。当我们选择all than filterbutton筛选数据时，否则它必须显示消息。在这个FIDLE下拉列表中，下拉列表不使用网格，因为我没有在下拉列表和网格之间放置任何代码，但datetimpicker正在工作

在中，我需要显示弹出验证。 这里都是强制性的领域，这是小提琴

代码：

---

通过这种方式，我正在尝试，但我想验证所有5个控件

我建议您在

过滤器

按钮的

单击事件中添加测试：

$("#filter").on("click", function () {
    var mindate = $('#datetimepicker1').data("kendoDatePicker").value();
    var maxdate = $('#datetimepicker2').data("kendoDatePicker").value();

    // Check if min date has been filled
    if(!mindate) {
        alert("You have not filled the min date...");
        return false;
    }

    // Check if max date has been filled
    if(!maxdate) {
        alert("You have not filled the max date...");
       return false;
    }

    // the rest of your logic...
}

您可以将您的窗口（
$（“#filter msg”）.data（“kendoWindow”）.center（）.open（）；
）放在，但是你应该保留
return false
以避免过滤结果…
有人能帮我吗谢谢你的回答，但我想在popupya中显示验证摘要你的权利，但它会为每个控件单独显示，对吗？你可以写：
如果（！mindate | | maxdate）{$（#filter msg”）.data（“kendoWindow”）.center（）.open（）；return false；}
…您已将测试放在
grid.dataSource.filter（条件）之后
以便在弹出窗口之前显示更新的表。我没有看到代码中定义的
过滤器msg
弹出窗口！是的，我知道了，我得到了datepicker的解决方案，但dropdownlist不起作用，还有一个在这里，它只显示一条消息。我们可以根据这些名称为不同的控件显示不同的消息吗？
$("#filter").on("click", function () {
    var mindate = $('#datetimepicker1').data("kendoDatePicker").value();
    var maxdate = $('#datetimepicker2').data("kendoDatePicker").value();

    // Check if min date has been filled
    if(!mindate) {
        alert("You have not filled the min date...");
        return false;
    }

    // Check if max date has been filled
    if(!maxdate) {
        alert("You have not filled the max date...");
       return false;
    }

    // the rest of your logic...
}