select2.js和Bootstrap验证器不工作

问题描述：

我不明白为什么select2.js和Bootstrap验证器不工作。select2.js和Bootstrap验证器不工作

$('form.validate-form').validator({ 
    disable: false 
}); 

$(".mySelect").select2(); 

$("select.mySelect").each(function() { 
    $(this).validator(); 
    $(this).get(0).setCustomValidity('Please select at least one item in the list.'); 
});

你能解释一些关于什么不起作用的东西吗？期望的行为是什么？ – nthall

如果将选择字段留空，它应该显示一条错误消息。 – brunodd

答

您必须添加规则的形式和id来选择2，以验证它

ID = “mySelect”

形式HTML和脚本

<form class="validate-form" data-toggle="validator"> 
    <label class="required">Geographic market experience </label> 
    <select id="mySelect" multiple="true" class="mySelect"> 
     <option value="AL">Alabama</option> 
     <option value="Am">Amalapuram</option> 
     <option value="An">Anakapalli</option> 
     <option value="Ak">Akkayapalem</option> 
     <option value="WY">Wyoming</option> 
    </select> 
    <div class="help-block with-errors"></div> 
    <button type="submit">Submit</button> 
</form> 
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script> 
<script type="text/javascript"> 
$("form.validate-form").validate({ 
    rules: { 
     mySelect: "required" 
    }, 
    messages: { 
     mySelect: "Please select your region" 
    } 
}); 
</script>

select2.js和Bootstrap验证器不工作

相关推荐