Javascript Jquery验证不验证表单中的多选框

我的页面中有两个选择框（dropdpwn）。我使用jQuery验证插件验证我的表单，但是这个插件没有验证两个选择框

JS:

HTML:

<form>
    <div class="form-group">
        <label class="control-label" for="firstname">Nome:</label>
        <div class="input-group">
            <span class="input-group-addon">$</span>
            <input class="form-control" placeholder="Insira o seu nome próprio" name="firstname" type="text" />
        </div>
    </div>

    <div class="form-group">
        <label class="control-label" for="lastname">Apelido:</label>
        <div class="input-group">
            <span class="input-group-addon">€</span>
            <input class="form-control" placeholder="Insira o seu apelido" name="lastname" type="text" />
        </div>
    </div>
    <div class="form-group">
        <label class="control-label" for="lastname">selectBox 1</label>
        <div class="input-group">
            <span class="input-group-addon">€</span>
           <select class="required form-control">
               <option value="0"></option>
               <option value="1">1</option>
               <option value="2">2</option>

            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label" for="lastname">selectBox 2</label>
        <div class="input-group">
            <span class="input-group-addon">€</span>
           <select class="required form-control">
               <option value="0"></option>
               <option value="1">1</option>
               <option value="2">2</option>

            </select>
        </div>
    </div>

        <button type="submit" class="btn btn-primary">Submit</button>
</form>

诺姆：
$
阿皮利多：
€
选择框1
€
1.
2.
选择框2
€
1.
2.
提交

如何解决每个（）selectbox的此问题

---

演示：

您只需将名称属性添加到两个选择框，并将第一个选项设置为无文本和无值

<select name="s1" class="required form-control">
              ^--  Don't forget to add different names for both select
    <option></option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>

^--不要忘记为两个选择添加不同的名称
1.
2.

1）每个元素上必须有唯一的

名称

属性。这是jQuery验证插件的一个要求

2） 第一个

选项必须具有
value=”“
，而不是
value=“0”

工作演示：


3） OP的演示被破坏了，因为他一直使用相同的
id
两次。对于有效的HTML，每个
id
在页面上必须是唯一的

ID为的演示：
您在所有
值
属性上缺少等号
=
<代码>值“0”
不正确。在JSFIDLE中甚至会突出显示损坏的语法。没有人注意到此处缺少的
=
：
值“0”
@Khalid:add missing
=
和
id
以选择框。你的代码不起作用@Khalid:jsfiddle.net/hTPY7/1430不工作。您可以看到：
此字段是必需的。
最后一个选择框中出现错误？@user27133检查此JSFIDLE并检查我的帖子以查看update@Khalid：在最后一个选择框中，您没有添加
id=“test1”
，并且
此字段是必需的。
错误不会显示在最后一个选择框中。确保您的操作正确！请参阅我的上次更新：我将
id=“test”
添加到每个选择框中。我有一个问题：
这个字段是必需的。
错误没有显示在最后一个选择框中。@user27133，我不知道你们在说什么<代码>“此字段为必填项”
正确显示在中的所有内容上！您的演示未完成！请参阅此演示：jsfiddle.net/hTPY7/1439@user27133，您的演示已损坏，因为您复制了相同的
id
<代码>id

必须是唯一的。在这种情况下，您甚至不需要

id

。。。看我的原始演示。

<select name="s1" class="required form-control">
              ^--  Don't forget to add different names for both select
    <option></option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>