xxxxxxxxxx1
<form class="needs-validation" novalidate>2
<select class="mdb-select validate md-form" multiple searchable="Search here..">3
<option value="" disabled selected>Choose your country</option>4
<option value="1">USA</option>5
<option value="2">Germany</option>6
<option value="3">France</option>7
<option value="4">Poland</option>8
<option value="5">Japan</option>9
</select>10
<button class="btn btn-default btn-sm">Submit</button>11
</form>1
1
xxxxxxxxxx1
$(document).ready(function() {2
$('.mdb-select.validate').materialSelect({3
validate: true,4
labels: {5
validFeedback: 'Correct choice',6
invalidFeedback: 'Wrong choice'7
}8
});9
function validateSelect(e) {10
e.preventDefault();11
$('.needs-validation').addClass('was-validated');12
if ($('.needs-validation select').val() == '') {13
$('.needs-validation').find('.valid-feedback').hide();14
$('.needs-validation').find('.invalid-feedback').show();15
$('.needs-validation').find('.select-dropdown').val('').prop('placeholder', 'No countries selected')16
} else {17
$('.needs-validation').find('.valid-feedback').show();18
$('.needs-validation').find('.invalid-feedback').hide();19
}20
}21
$('.needs-validation select').on('change', e => validateSelect(e))22
$('.needs-validation').on('submit', e => validateSelect(e))23
}); Console errors: 0