[solidjs] Conditional validation

[vf-unordinary]

Hey all again.

I was wondering if it is possible to specify a validator, like required, in a conditional way, i.e. from a signal.

I've played with the custom validator,

const [validateField, setValidateField] = createSignal(false);
...

<Field name="password" validate={custom((val) => validateField && !val, 'This field is mandatory)}>
     {(field, props) => ...>}
</Field>

But when submitting it does not show any error.

Any suggestion is really appreciated.

[fabian-hiller]

I think you forgot to call the signal. You wrote validateField instead of 'validateField()'.

[vf-unordinary]

Hello again Fabian, thanks for your help. And sorry for being this late.

I've fixed the code as you suggested, yet during submit it does not validate.

I've reproduced here

https://stackblitz.com/edit/solidjs-templates-ofa5sg

Thanks again

[fabian-hiller]

I have investigated this issue. The problem seems to be that every validation is optional by default. This means that our required() validation is always required to make a field required. custom(…) and other validation functions are only triggered when an input is entered.

You are basically hitting an edge case that our system is not compatible with. A workaround might be to use a Valibot schema to validate your form instead.

[vf-unordinary]

Ok that make sense. Thanks again!

[caymaynard]

For me, it would also be useful to have a conditional required validation. I'm currently running a validator without using the custom function ( async (value: Forms.Maybe<string>) => (fieldRequired(value) ? 'this field is required' : '') ) because of this.

Could an extra function, something like customRequired be added?

[fabian-hiller]

I recommend that you add it yourself, as Valibot currently takes up most of my time.