检查强制下拉列表

时间:2018-07-18 06:22:16

标签: jquery html

在使用C#激活ajax并将数据发送到webmethod之前,我需要检查是否填写了一些值(强制性)。 我的Tabe中有一个隐藏的列,该列的值为true或false,并且我编写了jquery循环来检查它们的行中的文本框是否是强制性的。这很好。 现在,我必须对3个下拉字段(产品级别1,级别2和级别3)执行相同的操作。 我设法写了一些代码,但是效果不好,警报很混乱。 首先,当单击按钮时,代码需要检查表中的必填texbox字段,然后它必须检查是否所有3个下拉列表均已填写,然后触发ajax。

这是我的表和代码:

https://jsfiddle.net/m8dLwf9z/53/

这是jquery部分:

$(function () {

            $(".IDMandatory").each(function (i, el) {
                if ($(el).text().toUpperCase() === "TRUE") {
                    $(el).closest("tr").find("input,select").prop("required", true);
                }
            });


            $("#myButton").on("click", function () {

                var ok = true;              

                $("[required]").each(function () {
                    $(this).css("border", ""); // reset
                    if (!$(this).val()) {
                        ok = false;
                        $(this).css("border", "2px solid red");
                        var message = ""; 
                        if ($("#MainContent_ddlProductHierarchyLvL1").val() == 0) {
                            message += "Plase fill in the GPR PIM Product Hierarchy Level 1 field!";
                        }
                        if ($("#MainContent_ddlProductHierarchyLvL2").val() == 0) {
                            message += "Plase fill in the GPR PIM Product Hierarchy Level 2 field!";
                        }
                        if ($("#MainContent_ddlProductHierarchyLvL3").val() == 0) {
                            message += "Plase fill in the GPR PIM Product Hierarchy Level 3 field!";
                        }
                        if (message != "") {
                            alert(message);
                        }
                    }

                });




                if (ok) {

                }
                else {
                    alert("Fill in the remaining mandatory fields!");
                }
            });
        });

我认为问题出在这里

var message = ""; 
                        if ($("#MainContent_ddlProductHierarchyLvL1").val() == 0) {
                            message += "Plase fill in the GPR PIM Product Hierarchy Level 1 field!";
                        }
                        if ($("#MainContent_ddlProductHierarchyLvL2").val() == 0) {
                            message += "Plase fill in the GPR PIM Product Hierarchy Level 2 field!";
                        }
                        if ($("#MainContent_ddlProductHierarchyLvL3").val() == 0) {
                            message += "Plase fill in the GPR PIM Product Hierarchy Level 3 field!";
                        }
                        if (message != "") {
                            alert(message);
                        }

有人可以帮我提供这个代码吗?

谢谢!

2 个答案:

答案 0 :(得分:1)

将消息构造从$(“ [required]”)。each(function())中删除即可。

    $(function () {

        $(".IDMandatory").each(function (i, el) {
            if ($(el).text().toUpperCase() === "TRUE") {
                $(el).closest("tr").find("input,select").prop("required", true);
            }
        });


        $("#myButton").on("click", function () {

            var ok = true;              

            $("[required]").each(function () {
                $(this).css("border", ""); // reset
                if (!$(this).val()) {
                    ok = false;
                    $(this).css("border", "2px solid red");
                }

            });

            var message = "";

            if ($("#MainContent_ddlProductHierarchyLvL1").val() == 0) {
                        ok = false;
                        message += "Plase fill in the GPR PIM Product Hierarchy Level 1 field!";
                        }
            if ($("#MainContent_ddlProductHierarchyLvL2").val() == 0) {
                        ok = false;
                        message += "Plase fill in the GPR PIM Product Hierarchy Level 2 field!";
                        }
            if ($("#MainContent_ddlProductHierarchyLvL3").val() == 0) {
                        ok = false;
                        message += "Plase fill in the GPR PIM Product Hierarchy Level 3 field!";
                        }
            if (message != "") {
                        alert(message);
                            }

            if (ok) {

            }
            else {
                alert("Fill in the remaining mandatory fields!");
            }
        });
    });

答案 1 :(得分:0)

您可以使用以下命令验证选择框:https://jsfiddle.net/thecreativedev/m8dLwf9z/63/

import subprocess 
subprocess.getstatusoutput('ls -l') 
drwxrwxr-x 6 name name 4096 Jul 14 11:37 somedirs 
-rwxrwxr-x 1 name name 1049 Jul 18 11:42 pyhello.py