javascript - Jquery 验证无法正常工作？

Question

我正在尝试在 asp.net 页面中进行必要的验证。 我有多个将被隐藏和显示的控件。 checkboxlist、dropdownlist、multiselectedlistbox 等控件。 我正在使用一个名为 required 的 css 类附加到所有这些控件来检查验证。

我正在尝试检查每个控件是否具有值，但我的代码正在检查每个控件中的每个选项。

我真的没有找到一个方法不是jquery专家只是一个新手......

这是我的代码任何人请有任何想法....

                    $("input[type='submit']").click(function () {

                  if ($(this).val() != 'Back') {

                      var names = [];
                      var info=" ";
                     $('.required input').each(function () {
                 var control = $(this);
                 if (control.is(':enabled')) {
                      names[$(this).attr('name')] = true;
                 }
             });
             $('.required option').each(function () {
                 var control = $(this);
                 if (control.is(':enabled')) {
                    names[$(this).attr('name')] = true;
                 }
             });  
                        for (name in names) {
                          var radio_buttons = $("input[name='" + name + "']");
                          if ((radio_buttons.filter(':checked').length == 0) ||(radio_buttons.filter(':selected').length == 0)) {
                              info += radio_buttons.closest("table").find('label').html()+"</br>";
                          }

                      }
                  if (info != " ") {
                      $("#validation_dialog p").html(info);
                      $("#validation_dialog").dialog({
                          title: "Validation Error!",
                          modal: true,
                          resizable: false,
                          buttons: {
                              Close: function () {
                                  $(this).dialog('close');
                              }
                          }
                      });
                      return false;
                  }
                  }
              });

这里有一个 fiddle ...

http://jsfiddle.net/bDmgk/35/

Answer 1

我想你想要的是:

$(".required input[type='radio']:checked").each(function(){

});

代替:

$(".required option").each(function(){ ... });