Jquery 使用multiple=true验证select2插件

我试着用最近几天的Jquery验证来验证select2插件……它可以用于sinlge元素选择……但是当我输入multiple=“true”时，它就不起作用了。。。。在这里检查我的代码

<select name="Class[]" id="Class" multiple="multiple">
<option value="1">Class 1</option>
    <option value="2">Class 2</option>
</select>

它工作得很好。 现在，我想使用以下代码对其进行验证：

<script type="text/javascript">
$(document).ready(function() {
$("input, textarea, select").not('.nostyle').uniform();
$("#FormName").validate({
    ignore: 'input[type="hidden"]',
    rules: {
        Class: {
            required: true,
        }
    },
    messages: {
        Class: {
            required: "Please select atleast one!!",
        }
    }   
});
});
</script>

$（文档）.ready（函数（）{
$（“输入，文本区域，选择”）.not（“.nostyle”）.uniform（）；
$（“#FormName”）.validate({
忽略：“输入[type=“hidden”]”，
规则：{
类别：{
要求：正确，
}
},
信息：{
类别：{
必填项：“请至少选择一个！！”，
}
}   
});
});

它不是在“类”字段上方验证

您可以查看以下内容： 这方面有很多解决方案：

如果不起作用，请告诉我。 另外，

您可以查看以下内容： 这方面有很多解决方案：

如果不起作用，请告诉我。

---

另外，将required添加到HTML中

<select name="Class[]" id="Class" multiple="multiple" required>

---

将所需内容添加到HTML中

<select name="Class[]" id="Class" multiple="multiple" required>

---

以下脚本适用于我，您可以尝试此操作并节省您的时间：-

脚本：-

$("#addPartnerBranch").validate({
 ignore: [], 
 rules: {
     partner_name: {
         required: true,
         minlength: 4
     },
     "address_emailAddresses[]": { required:true },
     'address_emailAddresses': 'required',
     'address[phoneNumbers][]': 'required',
 },
 submitHandler: function (form) {
    console.log(form);
 }
});

HTML表单

    <form id="addPartnerBranch" method="post" enctype="multipart/form-data" novalidate="novalidate">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
            <h4 class="modal-title" id="myModalLabel">Add Partner Branch</h4>
        </div>
        <div class="modal-body">
            <div class="userProfile-overflowY">         
                <fieldset>
                    <legend id="profileLabel">Branch Detail:</legend>
                    <div class="box-content bordered-all">
                        <div class="col-md-12">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <div class="input text required"><label for="partner-name">Branch Name *</label><input type="text" name="partner_name" class="form-control input-lg error" required="required" id="partner-name"><label for="partner-name" class="error">This field is required.</label></div>                                  </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="prtnerEmployee">Mail address *</label>
                                    <input type="hidden" name="address[emailAddresses]" value=""><select name="address[emailAddresses][]" multiple="" required="required" class="select2_2 form-control select2-hidden-accessible error" tabindex="-1" aria-hidden="true"><option value="">Add email &amp; Enter</option></select><label for="address[emailAddresses][]" class="error">This field is required.</label><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100px;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"><ul class="select2-selection__rendered"><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>                                 </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="prtnerEmployee">Phone number *</label>                                  
                                    <input type="hidden" name="address[phoneNumbers]" value=""><select name="address[phoneNumbers][]" multiple="" required="required" class="select2_2 form-control select2-hidden-accessible error" tabindex="-1" aria-hidden="true"><option value="">Add phone &amp; Enter</option></select><label for="address[phoneNumbers][]" class="error">This field is required.</label><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100px;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"><ul class="select2-selection__rendered"><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>                                   </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="prtnerEmployee">Fax number</label>                                  
                                    <input type="hidden" name="address[faxNumbers]" value=""><select name="address[faxNumbers][]" multiple="" class="select2_2 form-control select2-hidden-accessible" tabindex="-1" aria-hidden="true"><option value="0">Please Add</option></select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100px;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"><ul class="select2-selection__rendered"><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>                                 </div>
                            </div>                      
                        </div>                      
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="modal-footer">
            <input type="hidden" name="type" id="type" value="55">              <input type="hidden" name="partnerId" id="partnerid" value="1">             <button type="button" class="btn btn-default btn-sm waves-effect waves-light" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary btn-sm waves-effect waves-light">ADD</button>
        </div>
        </form>

×
添加合作伙伴分支
分行详情：
分支名称*此字段为必填字段。
邮寄地址*
添加电子邮件&；输入此字段是必需的。

电话号码*
添加电话&；输入此字段是必需的。

传真号码
请添加

接近
添加

---

下面的脚本适合我您可以尝试一下，节省您的时间：-

脚本：-

$("#addPartnerBranch").validate({
 ignore: [], 
 rules: {
     partner_name: {
         required: true,
         minlength: 4
     },
     "address_emailAddresses[]": { required:true },
     'address_emailAddresses': 'required',
     'address[phoneNumbers][]': 'required',
 },
 submitHandler: function (form) {
    console.log(form);
 }
});

HTML表单

    <form id="addPartnerBranch" method="post" enctype="multipart/form-data" novalidate="novalidate">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
            <h4 class="modal-title" id="myModalLabel">Add Partner Branch</h4>
        </div>
        <div class="modal-body">
            <div class="userProfile-overflowY">         
                <fieldset>
                    <legend id="profileLabel">Branch Detail:</legend>
                    <div class="box-content bordered-all">
                        <div class="col-md-12">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <div class="input text required"><label for="partner-name">Branch Name *</label><input type="text" name="partner_name" class="form-control input-lg error" required="required" id="partner-name"><label for="partner-name" class="error">This field is required.</label></div>                                  </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="prtnerEmployee">Mail address *</label>
                                    <input type="hidden" name="address[emailAddresses]" value=""><select name="address[emailAddresses][]" multiple="" required="required" class="select2_2 form-control select2-hidden-accessible error" tabindex="-1" aria-hidden="true"><option value="">Add email &amp; Enter</option></select><label for="address[emailAddresses][]" class="error">This field is required.</label><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100px;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"><ul class="select2-selection__rendered"><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>                                 </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="prtnerEmployee">Phone number *</label>                                  
                                    <input type="hidden" name="address[phoneNumbers]" value=""><select name="address[phoneNumbers][]" multiple="" required="required" class="select2_2 form-control select2-hidden-accessible error" tabindex="-1" aria-hidden="true"><option value="">Add phone &amp; Enter</option></select><label for="address[phoneNumbers][]" class="error">This field is required.</label><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100px;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"><ul class="select2-selection__rendered"><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>                                   </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="prtnerEmployee">Fax number</label>                                  
                                    <input type="hidden" name="address[faxNumbers]" value=""><select name="address[faxNumbers][]" multiple="" class="select2_2 form-control select2-hidden-accessible" tabindex="-1" aria-hidden="true"><option value="0">Please Add</option></select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100px;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"><ul class="select2-selection__rendered"><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>                                 </div>
                            </div>                      
                        </div>                      
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="modal-footer">
            <input type="hidden" name="type" id="type" value="55">              <input type="hidden" name="partnerId" id="partnerid" value="1">             <button type="button" class="btn btn-default btn-sm waves-effect waves-light" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary btn-sm waves-effect waves-light">ADD</button>
        </div>
        </form>

×
添加合作伙伴分支
分行详情：
分支名称*此字段为必填字段。
邮寄地址*
添加电子邮件&；输入此字段是必需的。

电话号码*
添加电话&；输入此字段是必需的。

传真号码
请添加

接近
添加

---

今天没有人在线？？？今天没有人在线？？？请随链接一起指定解决方案请随链接一起指定解决方案