With the exact setup you showed in the video, I ran into a problem when checking "required". When I click into the Input, it correctly goes to the Focus state. If I click out of it, without inputting anything, I remain in the Focus state. This only happens with the property required set to true. Is this behaviour intentional or am I missing something? Furthermore I am not getting the browser notification under the form input like "the email must contain an @", regardsless of the "required" property. Thanks in regards for your answers.
That’s nice, but don’t forget to write information about the mistake in invalid variant, just color isn’t enough for all users. It’s simple, just add text below the input 😊
@@BhupeshSanwaria yeah but I'm not sure if screen readers like voice over and so, read that state. So it is better for digital accesibility, to write it, it 's not a great effort for designers, and the best practice ;)
Why isn't there any documentation of how to CLEAR the input data after a form is submitted, when you submit input, it remains after the data is sent ... there is no formal documentation on this anywhere
Maybe start with fixing the actual native forms first? In what world this is valid to let users enter "abc" in a "Phone number input" and "Email@email.email" and it passes as valid.. there isn't even a simple Regex to allow only numbers for phone fields and a valid TLD at the end of an email address.. and still claim you have spam-protection
Woohoo! Can't wait for Form File Uploading!
Great to see you, Joseph. Your teaching style and clarity are truly exceptional. Learned a lot of Sketch from you and now Framer.
Could you share us the channel URL? Thanks
Insanely clear and articulated help videos🙌🏻 This is how tutorials should be done. Thanks!
Amazing feature, but even better explanation! Great tutorial!
I love you Framer!
With the exact setup you showed in the video, I ran into a problem when checking "required". When I click into the Input, it correctly goes to the Focus state. If I click out of it, without inputting anything, I remain in the Focus state. This only happens with the property required set to true.
Is this behaviour intentional or am I missing something?
Furthermore I am not getting the browser notification under the form input like "the email must contain an @", regardsless of the "required" property.
Thanks in regards for your answers.
Could you please add validation to the submit button too so people can create multi-steo forms via component variants?
This is great, but could you please show also how to clear form after submit?
Thanks for the video, if I wanna create a validation that allows only work email, how do I add custom code override to existing form fields?
I love you framer (3) 💙
Do we have to do this manually for every input type? Then copy and paste it around to all the form fields?
You can componentize inputs :)
Blur = not in focus. Genius.
Can you make a video of how your payment plan woks, it's not clear to me.Thanks
I love you framer (2)
That’s nice, but don’t forget to write information about the mistake in invalid variant, just color isn’t enough for all users. It’s simple, just add text below the input 😊
framers logic automatically states thatyou need to fix it when you hover
@@BhupeshSanwaria yeah but I'm not sure if screen readers like voice over and so, read that state. So it is better for digital accesibility, to write it, it 's not a great effort for designers, and the best practice ;)
Does framer automatically know which form field we have chosen?
Why isn't there any documentation of how to CLEAR the input data after a form is submitted, when you submit input, it remains after the data is sent ... there is no formal documentation on this anywhere
So, can we build multi-page forms in framer
Definitely want/need this
@@trainfarb yeah I have been waiting for validate variant in submit btn component, but it's not yet out
I get the feeling that we get everything exept the things we desperately need :/
(also talking about deleting projects)
Also the membership feature
Maybe start with fixing the actual native forms first?
In what world this is valid to let users enter "abc" in a "Phone number input" and "Email@email.email" and it passes as valid.. there isn't even a simple Regex to allow only numbers for phone fields and a valid TLD at the end of an email address.. and still claim you have spam-protection