使用jQuery validate插件选择下拉字段时需要文本字段

时间:2012-07-11 16:21:19

标签: jquery html validation

如果使用jQuery validate plugin http://docs.jquery.com/Plugins/Validation

选择了一个选择/下拉字段,我试图要求使用名字字段

我知道如何使用复选框完成此操作,但我不知道如何使用下拉框执行相同操作

你会在这里看到我想要完成的事情http://jsfiddle.net/SupTT/2/

此外,如果未选择下拉字段,我将如何要求使用名字字段,例如未选中复选框时:“required:#checkbox-id:unchecked”

感谢任何帮助

修正:

$("form").validate({ 
 rules: {
   first_name: {
     required: "#fruit:blank"
   }
 } 
});

1 个答案:

答案 0 :(得分:1)

编辑:
好的,您需要的是depends所需的内容

$("form").validate({
rules: {
first_name: {
   required:  {
   depends: function(element){
        return $('#fruit option:selected').text() != '';
         }
      }
     } 
   }

 });

...

<p>
Fruit <select name="fruit" id="fruit">
<option value=""></option>
<option value="orange">orange</option>
<option value="apple">apple</option>

   

LINK FIddle