xxxxxxxxxx1
<form class="needs-validation" novalidate>2
<select3
class="select"4
id="basic-select"5
data-mdb-validation="true"6
data-mdb-valid-feedback="This value is valid"7
data-mdb-invalid-feedback="This value is invalid"8
9
>10
<option value=""></option>11
<option value="2">Two</option>12
<option value="3">Three</option>13
<option value="4">Four</option>14
<option value="5">Five</option>15
<option value="6">Six</option>16
<option value="7">Seven</option>17
<option value="8">Eight</option>18
</select>19
<button type="submit" id="submit" class="btn btn-primary btn-sm mt-3">20
Submit21
</button>22
</form>1
1
xxxxxxxxxx1
(() => {2
'use strict';3
4
// Fetch all the forms we want to apply custom Bootstrap validation styles to5
const forms = document.querySelectorAll('.needs-validation');6
7
// Loop over them and prevent submission8
Array.prototype.slice.call(forms).forEach((form) => {9
form.addEventListener('submit', (event) => {10
event.preventDefault();11
event.stopPropagation();12
13
form.classList.add('was-validated');14
},false);15
});16
})(); Console errors: 0