如何使用 javascript 验证复选框、单选按钮、下拉列表答案

【问题标题】：How to validate Checkbox,radio button,dropdownlist using javascript如何使用 javascript 验证复选框、单选按钮、下拉列表
【发布时间】：2013-03-06 04:51:15
【问题描述】：

产品.aspx

    <asp:DropDownList id="ddlProduct" runat="server" CssClass="txtbox">
    <asp:ListItem Value="" Selected="True">Select</asp:ListItem>
    <asp:ListItem Value="Mac">Mac</asp:ListItem>
    <asp:ListItem Value="iPad">iPad</asp:ListItem>
    <asp:ListItem Value="iPhone">iPhone</asp:ListItem>
    <asp:ListItem Value="iPod">iPod</asp:ListItem>
    <asp:ListItem Value="Accessories">Accessories</asp:ListItem>
    </asp:DropDownList>
    <asp:CheckBox ID="CheckBox1" runat="server" />
    <asp:RadioButton ID="RadioButton1" runat="server" />
    <asp:Button ID="Button1" runat="server" onclick="clearForm(oForm)"/>

查看此 javascript 代码：

      $(document).ready(function () {
       $("#form1").validate({



           rules: {
               ddlCcity: { required: true },
                ddlProduct: { required: true }
           }

       });

       $.validator.addMethod(
    "select_class",
    function (value, element) {
        return this.optional(element) || (value.indexOf("--Select One--") ==-1);
    },
    "Please select a class.");

   });


    function clearForm(oForm) {
    var elements = oForm.elements;
       oForm.reset();
    for (i = 0; i < elements.length; i++) {
       field_type = elements.type.toLowerCase();
       switch (field_type) {
          case "text":
           case "password":
            case "textarea":
             case "dropdownlist":
             elements.value = "";
                break;
                case "radio":
                case "checkbox":

                if (elements.checked) {

                    elements.checked = false;

                }

                break;
            case "select-one":
            case "select-multi":

                elements.selectedIndex = 0;

                break;



            default:

                break;

        }

    }
}
    </script>

在 Product.aspx 中，我使用了 validation.js（javascript 代码），但验证不起作用如何使用 javascript 代码验证下拉列表、复选框、单选按钮

【问题讨论】：

质量非常低：什么“不起作用”？你试过什么？
看来你只贴了部分javascript代码，甚至功能都不完整。首先修复它们，并告诉我们您调用了哪个 javascript 函数来验证，结果是什么，而不是仅仅说它不起作用。
请检查这个。它对你很有帮助javascript-validation-textbox-combobox-radiobutton-checkbox

标签： javascript asp.net validation

【解决方案1】：

试试下面的

function validate(){
var i=0;
if($('#CheckBox1').is(":checked")==false){
i++;
}
if($('#RadioButton1').is(":checked")==false){
i++;
}
if($('#ddlProduct').val()==""){
i++;
}
if(i>0){
return false;
}else{
return true;
}
}

【讨论】：

$("#form1").submit(function () { return $(this).validation(); alert("submitted"); });