SSR-751 Fix Vehicle Selection allowing continue with no style selected

This commit is contained in:
Josh Dassinger 2023-11-28 13:24:55 -06:00
parent bc67cc5eff
commit 0e4dcde29c

View file

@ -1,7 +1,7 @@
<template> <template>
<div <div
class="dropdown-question" class="dropdown-question"
:class="(errors && errors.length) || hasError ? 'has-error' : ''"> :class="(meta.touched && errors && errors.length) || hasError ? 'has-error' : ''">
<label <label
:for="inputId" :for="inputId"
:aria-label="questionText" :aria-label="questionText"
@ -31,7 +31,7 @@
</option> </option>
</select> </select>
<div <div
v-show="errorMessage && !isDisabled" v-show="meta.touched && errorMessage && !isDisabled"
class="row mt-1 form-test-error"> class="row mt-1 form-test-error">
<span role="alert">{{ errorMessage }}</span> <span role="alert">{{ errorMessage }}</span>
</div> </div>
@ -82,6 +82,7 @@ export default {
const { errorMessage, const { errorMessage,
handleBlur, handleBlur,
handleChange, handleChange,
setTouched,
meta, errors, meta, errors,
setErrors } = useField(props.inputId, props.validationRules, fieldOptions); setErrors } = useField(props.inputId, props.validationRules, fieldOptions);
@ -91,6 +92,7 @@ export default {
handleChange, handleChange,
meta, meta,
errors, errors,
setTouched,
setErrors setErrors
}; };
}, },
@ -130,7 +132,7 @@ export default {
watch: { watch: {
isDisabled(newValue, oldValue) { isDisabled(newValue, oldValue) {
if (newValue !== oldValue) { if (newValue !== oldValue) {
this.setErrors([]); this.setTouched(false, null);
} }
}, },
selectedOption(newValue) { selectedOption(newValue) {