How to add validation for custom field in nova

[nirav-arsenaltech]

Here, I created a custom field (not tool )and added validation. It displays the validation message but still proceeds with the save operation.

<flat-pickr :config="config" v-model="input.active_from" placeholder="From"
                            :class="{'form-input-border-error': errors[index]?.active_from}">
                            <span class="help-text mt-2 help-text-error"
                                    v-show="errors[index]?.active_from">{{ errors[index]?.active_from }}</span>
                            <span v-show="input.active_from !== ''" @click="clearDate(index, 'active_from')">
                            
<flat-pickr :config="config" v-model="input.active_to" placeholder="To"
                            :class="{'form-input-border-error': errors[index]?.active_to}"
   <span class="help-text mt-2 help-text-error"
                                    v-show="errors[index]?.active_to">{{ errors[index]?.active_to }}</span>
                            <span v-show="input.active_to !== ''" @click="clearDate(index, 'active_to')">

fill(formData) {
        let hasError = false;
        this.errors = {},

        this.initialValue.forEach((input, index) => {
            if (!input.active_from || !input.active_to) {
                hasError = true;
                this.errors[index] = {
                    active_from: !input.active_from ? 'This field is required' : '',
                    active_to: !input.active_to ? 'This field is required' : '',
                };
            }

            formData.append(this.field.attribute + `[${index}][active_from]`, input.active_from || '');
            formData.append(this.field.attribute + `[${index}][active_to]`, input.active_to || '');
        });

        if (hasError) return;

        formData.delete(this.field.attribute);
    }