javascript - 使用 jquery 验证功能不适用于选择元素

Question

我的输入字段有工作验证功能：

$.tools.validator.fn("#password", function(input, value) {
    return value!='Password' ? true : {     
        en: "Please complete this mandatory field"
    };
});

$("#form").validator({ 
    position: 'bottom left', 
    messageClass:'form-error',
    message: '<div><em/></div>' // em element is the arrow
});

我的输入字段：

<input type="password" id="password" class="full" value="" name="j_password" required="required" placeholder="Password" />

并为 select 尝试了相同的逻辑，但它不起作用：

$.tools.validator.fn("#environment", function(select, value) {
    return value!='Select Environment' ? true : {     
        en: "Please choose the environment"
    };
});

我的选择（不工作）：

<select id="environment" style="opacity: 0; "><option value="Select Environment">Select Environment</option><option value="1">Dev</option><option value="2">Test</option></select>

我的选择（效果不佳）：

<select id="environment" style="opacity: 0; "><option>Select Environment</option><option>Dev</option><option>Test</option></select>

有人能指出我在哪里犯错以及如何解决吗？

更新：

我正在使用http://jquerytools.org/documentation/validator/index.html

Answer 1

我不知道这是否相关，但是当我想从下拉列表中选择项目时，我使用$('#dropDownID option:selected').val().

我建议显示该值以查看您实际得到的结果，然后以这种方式尝试。

Answer 2

删除了style="opacity: 0;" 并且您的代码似乎工作正常，请参阅：jsFiddle

Answer 3

如果您尝试$(select).val()获取该值，它应该从选择中获取正确的选定值

Answer 4

解决了，实际上我没有在这里找到解决方案：

https://gist.github.com/1810536

使用以下代码：

 $.tools.validator.fn("#environment", function(input, value) {          
         return value!='Select Environment' ? true : {     
                en: "Please select which environment you want to logon"
            };
        });