<form class="needs-validation" id="validated-form">
    <div class="row">
        <!--  Rest of form hidden for space    -->

        <div class="col-md-3 mb-3">
            <label for="zip">Zip</label>
            <input type="text" class="form-control" name="zip" placeholder="" pattern="[0-9]{7}" title="Invalid Zip Code" required>
            <span class="text-danger" v-if="validationErrors.zip" style="width: 100%;" v-text="validationErrors.zip"></span>
        </div>
    </div>

    <button class="btn btn-primary btn-lg btn-block" type="submit"
        @click.prevent="submitForm()">SUBMIT</button>
</form>