I tried to disable or edit the invalid Pop over messages using a traditional Bootstrap method. But it doesn't work like that.
<b-form-input class="form-control" type="email" required="" placeholder="username"
oninvalid="this.setCustomValidity('Please Enter valid email')"
oninput="setCustomValidity('')"></b-form-input>