Javascript 验证时无法在select2的输入中添加类
我正在使用select2.js 这是我在表单中使用的htmlJavascript 验证时无法在select2的输入中添加类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用select2.js 这是我在表单中使用的html <div class="form-main"> <ul style="display: block;" class="form-content"> <li> <h2><span class="orange-text">1.</span> tell us your email</h2> </li> &l
<div class="form-main">
<ul style="display: block;" class="form-content">
<li>
<h2><span class="orange-text">1.</span> tell us your email</h2>
</li>
<li class="form-group">
<input type="text" name="email" placeholder="Type it in here" data-required="true" data-toggle="tooltip" data-placement="left" data-email="true" class="form-control">
</li>
</ul>
<ul style="display: none;" class="form-content">
<li>
<h2><span class="orange-text">2.</span>what are you selling?</h2></li>
<li class="form-group">
<select data-required="true" data-toggle="tooltip" data-placement="left" name="option" class="js-selection" multiple data-placeholder="Pick the ones that apply to you">
<option value="" selected></option>
<option value="1">Shipping / post</option>
<option value="2">Customers can collect</option>
<option value="3">Other</option>
</select>
</li>
</ul>
</div>
验证后class=error将添加到上述html的select中,但不会添加到select2的输入中
请帮忙
这是JS中select2验证的表单验证示例
<form id="select2Form" method="post" class="form-horizontal">
<select name="colors" class="form-control select2-select"
multiple data-placeholder="Choose 2-4 colors">
<option value="black">Black</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="orange">Orange</option>
<option value="red">Red</option>
<option value="yellow">Yellow</option>
<option value="white">White</option>
</select>
</form>
以及要验证的js:
$('#select2Form')
.find('[name="colors"]')
.select2()
// Revalidate the color when it is changed
.change(function(e) {
$('#select2Form').formValidation('revalidateField', 'colors');
})
.end()
.formValidation({
framework: 'bootstrap',
excluded: ':disabled',
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
colors: {
validators: {
callback: {
message: 'Please choose 2-4 color you like most',
callback: function(value, validator, $field) {
// Get the selected options
var options = validator.getFieldElements('colors').val();
return (options != null && options.length >= 2 && options.length <= 4);
}
}
}
}
}
});
请把答案的相关部分贴在这里,而不仅仅是作为链接到另一个网站。谢谢你的观察。更好吗@BarmarI在使用select2运行演示时出错:未捕获类型错误:无法读取az.js上未定义的属性'define',然后select2不是函数