Comments (5)
There's a much easier way, the validate
method:
on:change={() => validate('email')}
from sveltekit-superforms.
It sure is, but I found a bug thanks to this, so it was a good thing in the end. :)
from sveltekit-superforms.
Hi, yes, this is because the field isn't tainted. It's not possible know from the error output what errors should be added even though they are not tainted, so you need to taint it yourself with an event handler connected to the name field.
Maybe in a future release, I'll add a read-only store that contains the unfiltered errors.
from sveltekit-superforms.
Even by updating the $tainted store programmatically, $errors is not updated until I update email
field. (and SuperDebug shows $tainted Is updated after field focusOut)
<input
name="name"
aria-invalid={$errors.name ? 'true' : undefined}
on:change={()=>{ $tainted.email = true }}
bind:value={$form.name}
/>
Not sure if it should be another issue or if i'm doing it the wrong way. (for now I updated the linked MRE.)
from sveltekit-superforms.
Awesome, thanks !
Indeed it seems better to use utility methods rather than messing directly with stores.
from sveltekit-superforms.
Related Issues (20)
- Dynamic Default Values? HOT 16
- Installing Superforms Causes Cloudflare Deployment to Fail HOT 7
- New reset-behaviour HOT 18
- Small typo in docs: reference to z despite switching the validation library to Joi HOT 2
- In SPA mode, navigating to a page that triggers a redirect inside `onUpdate` fails silently HOT 1
- TypeError: Cannot read properties of undefined (reading 'defaults') at Module.superValidate HOT 1
- Reverse In and Out type parameter in superForm return type HOT 1
- FormPathLeaves<FormObj, Date> = never HOT 2
- When I build, I am getting a Circular Dependency warning. HOT 5
- using pick on a valibot schema causes superforms to fail to submit when use:enhance is on. HOT 3
- Allow using superForms without a schema HOT 5
- zod() Incompatible with z.ZodType HOT 3
- Version 2.6.2 breaks my SvelteKit app, causing infinite loading on localhost HOT 3
- Custom callback for when submission is completed HOT 5
- Form gets cleared after submit. HOT 3
- Error: Unsupported valibot schema: enum HOT 2
- Support for schema references ($ref) HOT 6
- Target attribute not supported on <form> with use:enhance HOT 2
- Superdebug collapsed too much when without label HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sveltekit-superforms.