多选无法显示 jQuery 验证消息答案

【问题标题】：Multiselect Fail To Show jQuery Validation Message多选无法显示 jQuery 验证消息
【发布时间】：2018-08-09 09:22:31
【问题描述】：

这是我的引导多选，它工作正常

<div class="col-12 col-sm-6 col-md-6 col-lg-4">
      <div class="form-group">
           <p>Required Skills<span class="notice-txt">*</span></p>
               <select class="multisel form-control" data="createNew" name="requiredskills[]" multiple="multiple">
                    @foreach($skills as $sk)
                       <option @if( !empty($JobOrderSkills) and isset($JobOrderSkills[$sk['skillid']]) and $JobOrderSkills[$sk['skillid']]['skillid'] == $sk['skillid']) selected @endif value="{{$sk['skillkey']}}">{{$sk['skill']}}</option>
                    @endforeach
               </select>
       </div>
    </div>

我在我的单选字段中使用了相同的多选类，但它不显示 jquery 验证消息

            <div class="col-12 col-sm-6 col-md-6 col-lg-4">
              <div class="form-group">
                <p>Status<span class="notice-txt">*</span></p>
                  <select class="form-control validrmvcls multisel" name="joborderstatus">
                    <option value="">--Select--</option>
                    @foreach($joborderStatus as $jos)
                    <option @if( !empty($row) && $jos['joborder_status_id'] ==  $row['joborder_status_id'] ) selected @endif value="{{$jos['joborder_status_key']}}">{{$jos['joborder_status']}}</option>
                    @endforeach
                  </select>
              </div>
            </div>

这是我的 jquery 验证

   $(document).ready(function () {
    multipleSelect();
    $('#createNew').validate({
      ignore :[],
      rules : {
         joborderstatus: 'required',
        'requiredskills[]' : 'required'   
      },
      messages : {
         joborderstatus :'Please select Status',
         'requiredskills[]' :'Please select Required Skills'
},
      errorPlacement: function(error, element) {
            if( element.hasClass("validrmvcls")) {
                    error.insertAfter( element.parent("div") );
            }else if (element.hasClass('multisel')) {
                error.insertAfter(element.next('div'));
            }else{
                error.insertAfter(element);
            }
        }
    });

多选

    function multipleSelect() {
    $('.multisel').multiselect({
        enableFiltering: true,
        filterPlaceholder: 'Search',
        enableCaseInsensitiveFiltering : true,
        includeSelectAllOption: true,
        onChange: function(element, checked) {
            $(element).valid();
            //var id =  $('.multisel').attr('data');
            //$("#"+id).valid();
        }
        });     
}

请协助我并提前致谢

【问题讨论】：

您在此验证代码中使用的这个 ID createNew 在哪里？ $('#createNew').validate({

标签： jquery laravel bootstrap-4

【解决方案1】：

在您的选择字段中使用 ID createNew

$('#createNew').validate({

$('#createNew') 在您的代码中查找 ID，但未找到。

使用 ID 验证功能

【讨论】：