引导验证和Select2的自定义验证

时间:2019-03-06 22:33:20

标签: javascript jquery validation twitter-bootstrap-3 jquery-select2

我有一个包含更多字段的表单,这些字段之一是带有multiselect选项的Select2。 当用户单击按钮时,我会检查验证结果,然后提交表单。我需要用户选择一个或多个Select2字段中的项(没有零项),因此我创建了一个自定义验证功能,以避免用户未选择Select2字段中的项,但是这行不通(不调用自定义函数)。 我的JS代码:

    if ($('#saveinvoice').validator({       
        custom: {
            'customs': function($el) {
                if ($el.select2('data').length==0) {
                    return false;
                }
            }

        }
        }));

  function submitInvoiceData(){   
        if ($('#saveinvoice').validator('validate').has('.has-error').length == 0) {

            ...

            document.getElementById('saveinvoice').submit();
        };
    }

我的html代码:

      <select class="form-control select2" id="Contacts" name="Contacts" multiple="multiple" data-placeholder="" style="width: 100%;" value="" data-contacts="true" required>
         <option value="1">One</option>
         <option value="2">Two</option>
         <option value="3">Three</option>
      </select>

我使用: https://github.com/1000hz/bootstrap-validator https://select2.org/

0 个答案:

没有答案