title: Is there a simple way to trigger form validation onSubmit instead of onLoad with bootstrap and Vue.Js?
body: <p>I have a Password reset form which is initially empty of course, and I want to validate at submit that none of the fields is empty. I'm doing the following for each field:</p>
  
  <pre><code>    &lt;b-form-group id="currentPassword" 
                label="Old password"
                :invalid-feedback="oldPasswordFeedback"&gt;
          &lt;b-form-input id="password" 
                        v-model="passwords.currentPassword" 
                        placeholder="Enter your old Password" 
                        type="password"  
                        maxlength="60" 
                        required/&gt;
      &lt;/b-form-group&gt;
  </code></pre>
  
  <p>and the form is defined like this</p>
  
  <pre><code>  &lt;b-form validated="" id="passwordChangeForm" @submit.prevent="changePassword" class="container-fluid"&gt;
  </code></pre>
  
  <p>The problem is that whenever I navigate to the page, all fields are marked invalid by default and displaying their error messages since they are empty. I want the validation to take place when I submit the form. Is there a simple way to do that without having to install extra validation plugins?</p>