JQuery验证下拉列表 [英] JQuery Validate Dropdown list

问题描述

我在此处使用验证插件。我试图强制用户在下拉列表中选择一个选项，所以这里是我的html列表：

I'm using the validation plugin from here. I'm trying force the user to select an option in the drop down list so here's my html for the list:

Select the best option<br/>
<select name="dd1" id="dd1">
<option value="none">None</option>
<option value="o1">option 1</option>
<option value="o2">option 2</option>
<option value="o3">option 3</option>
</select> <br/><br/>​

这里是jquery验证的东西：

And here's the the jquery validation stuff:

$("#everything").validate({
    onsubmit: true,
    rules: {
     dd1: {
      required: {
        depends: function(element) {
            return $("#dd1").val() == "none";
        }
      }
    },
    messages: {
     dd1: {
      required: "Please select an option from the list, if none are appropriate please select 'Other'",
     },
    }
});

我没有看到任何问题，但即使我从下拉列表中选择了，点击提交，它不会验证它，因此不显示任何消息。任何人都可以告诉我我在做错什么？

I don't see any problems but even when the i select none from the drop down list and click submit, it won't validate it and so doesn't show any messages. Can anyone tell me what i'm doing wrong?

推荐答案

声明：

The documentation for required() states:

要强制用户从选择框中选择一个选项，请提供一个空的选项，如< option value => Choose ...< / option>

通过使 value =none在您的< option> 标签中，您正在阻止进行验证呼叫。您还可以删除自定义验证规则，从而简化代码。这是一个jsFiddle，它显示它的行动：

By having value="none" in your <option> tag, you are preventing the validation call from ever being made. You can also remove your custom validation rule, simplifying your code. Here's a jsFiddle showing it in action:

http://jsfiddle.net/Kn3v5/

如果您不能将值属性更改为空字符串，我不知道告诉你什么...我找不到任何方法让它验证否则。

If you can't change the value attribute to the empty string, I don't know what to tell you...I couldn't find any way to get it to validate otherwise.

这篇关于JQuery验证下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！