You must be a Pro member to watch this episode.

Get Access Now

Sign in now if you're already Pro.

1

Importing from Sketch into Kite and Hooking Up Actions

7:18FreeDone
2

Making Styled Text Inputs in Kite

5:36FreeDone
3

Adding Detailed Micro Interactions to Input Fields

9:13ProsDone

Live Input Validation

4:14ProsDone

Live Input Validation

Published by Chris Slowik

Episode Notes

Extra tips from the author

Regex Express

One giant step you can take to achieve realism in your prototypes is to do some live input validation. This is pretty easy to do with javascript and regular expressions. A regular expression just lets you test a string against a pattern. In our case, if the test returns a positive match, we probably have an email address.. and we'll play our success animation!

Here's where you can get that regular expression: Validate Email Address Using Javascript

Episode Topics: