网格外的验证 DropDownList

Question

我有剑道下拉列表和按钮提交。我希望如果用户没有在下拉菜单（位置）中选择任何内容，将会有验证通知用户必须至少在下拉菜单中选择一个位置。然后，如果用户点击了该位置，那么用户就可以提交数据。我使用了一些类似“必需”的方法，但没有用。

HTML

    <input id="dropdown" style="width:200px;" /> 

用于 kendoDropDownList 的 JavaScript（位置）

$("#dropdown").kendoDropDownList({
    optionLabel: "- Select Position -",
    dataTextField: "functionName",
    dataValueField: "hrsPositionID",
    dataSource: {
    transport:{
        read: {
        url:  "./testjson.php",
        type: "POST",
        data: function() {
                return { 
                    method: "getDropdown",
                }
            }
        },
    },
    },  
    change: function(e){
        console.log(this.value());
        // $('#AccountingTree').data('kendoTreeView').homogeneous.read();
        homogeneous1.read();
        homogeneous2.read();
        homogeneous3.read();
        homogeneous4.read();
        homogeneous5.read();
        homogeneous6.read();
        homogeneous7.read();
        homogeneous8.read();
        homogeneous9.read();
        homogeneous10.read();
        homogeneous11.read();
        homogeneous12.read();
        homogeneous13.read();
        homogeneous14.read();
    }   
}).data('kendoDropDownList');
dropdownlist = $("#dropdown").data("kendoDropDownList");

对于上面的下拉列表，我正在使用同质数据（树视图）。

有人对这个问题有任何想法或参考吗？

JavaScript AJAX 调用提交按钮

//AJAX call for button
    $("#primaryTextButton").click(function(){
        if($("#dropdown").data("kendoDropDownList").value() == ""){
            kendo.alert("Please select position.");
        }
    });
    $("#primaryTextButton").kendoButton();
    var button = $("#primaryTextButton").data("kendoButton");
    button.bind("click", function(e) {

    var test = $("#dropdown").val()

    $.ajax({
        url: "../DesignationProgramTemplate/testjson.php",
        type: "POST",
        data: {
                method: "addTemplate" ,
                id: test,
                progid: array
                },

                success: function (response) {
                if(response === "SUCCESS")
                {
                    kendo.alert("Data saved");

                }else
                { 
                    kendo.confirm("Update the data?")
                    .done(function(){
                        $.ajax({
                        type: "POST",
                        url: "../DesignationProgramTemplate/testjson.php",
                        data: {
                                method: "deleteTemplate" ,
                                id: test,
                                progid: array
                                },
                        success: function(){
                            kendo.alert("Data updated");
                        }
                        });
                    });  
                }   
                },
        });
    });

Answer 1

When you click the button, just get the value of the kendoDropDownList and do a 
conditional statement. Hope this helps. Happy Coding ;D

        //AJAX call for button
        $("#primaryTextButton").kendoButton();
        var button = $("#primaryTextButton").data("kendoButton");
        button.bind("click", function(e) {

        var test = $("#dropdown").data("kendoDropDownList").value();
        if(test == ""){
                kendo.alert("Please select position.");
        }
        else{
            $.ajax({
                url: "../DesignationProgramTemplate/testjson.php",
                type: "POST",
                data: {
                    method: "addTemplate" ,
                    id: test,
                    progid: array
                },
                success: function (response) {
                    if(response === "SUCCESS"){
                        kendo.alert("Data saved");
                    }
                    else{ 
                        kendo.confirm("Update the data?")
                        .done(function(){
                            $.ajax({
                            type: "POST",
                            url: "../DesignationProgramTemplate/testjson.php",
                            data: {
                                    method: "deleteTemplate" ,
                                    id: test,
                                    progid: array
                                    },
                            success: function(){
                                kendo.alert("Data updated");
                            }
                            });
                        });  
                    }   
                },
            });
        }
    });