Hi, I'm using errors.js and form.js in a project, I have a vue component (date picker) and a radio input that are required, the error's highlight correctly when no input is provided, but the errors do not clear when a selection is made.

This process works ok with required text input form fields I have, as per the video.

I have console logged and found after validation fail when I enter into a any text field, the following is fired in the errors class.

clear(field) {
    if (field) {
        delete this.errors[field];
        return;
    }
    this.errors = {};
}

the only place I can find this being called is in the reset method on the form

    reset() {
             for (let field in this.originalData) {
             this[field] = '';
             }
            this.errors.clear();
    }

But the reset method is only call onsuccess.

Is any one able to help me? Example of radio and date picker below

                <div class="mb-4 w-1/4">
                    <div class="wrapper-class mb-1">
                        <input type="radio" id="yes" value="yes" v-model="form.consent">
                        <label for="yes">Yes they can contact me</label>
                    </div>
                    <div class="wrapper-class mb-1">
                        <input type="radio" id="no" value="no" v-model="form.consent">
                        <label for="no">No, I would rather they did not</label>
                    </div>
                    <span  class="text-xs italic text-error"
                           v-if="form.errors.has('consent')"
                           v-text="form.errors.get('consent')">
                    </span>
                </div>

                        <datepicker placeholder="Earliest Date" class="mb-2" v-model="form.earliest_date" 	 
                         :required="true"></datepicker>
                        <span class="text-xs italic text-error"
                              v-if="form.errors.has('earliest_date')"
                              v-text="form.errors.get('earliest_date')">
                        </span>

Object-Oriented Forms: Part 3

Updated Series Available