diff --git a/packages/builder/src/helpers/validation/validation.js b/packages/builder/src/helpers/validation/validation.js index 7f44f33663..fdd55269f1 100644 --- a/packages/builder/src/helpers/validation/validation.js +++ b/packages/builder/src/helpers/validation/validation.js @@ -1,9 +1,16 @@ import { writable, derived } from 'svelte/store' export function createValidationStore(initialValue, ...validators) { + let touched = false const value = writable(initialValue || '') - const error = derived(value, $v => validate($v, validators)) + const error = derived(value, $v => { + if (touched) { + return validate($v, validators) + } else { + touched = true + } + }) return [value, error] }