javascript - 选择所有必填字段后显示验证弹出窗口

Question

我有一个过滤器按钮的问题:当一些客户端选择所有必填字段时，必须过滤网格，否则它必须显示弹出消息:“选择所有必填字段”。

在我的 fiddle 中，我有 3 个下拉菜单和 2 个日期选择器。当我们选择所有而不是 filterbutton 过滤数据时，否则它必须显示消息。在这个 fiddle 中，下拉列表不适用于网格，因为我没有在下拉列表和网格之间放置任何代码，但 datetimpicker 正在工作。

在this fiddle我需要显示弹出验证。这里都是必填项，乱七八糟

代码:

if(datetimepicker1 ===""&&datetimepicker2 ==="") {
    $("#filter-msg").data("kendoWindow").center().open();
}

这样我是 tring 但我想验证所有 5 个控件

Answer 1

我建议你在 filter 按钮的 click 事件中添加测试:

$("#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，以免过滤结果...