Step
by
step
-‐1
• Valida+on.FieldMixin
– handleValidate
– setField
Slide 13
Slide 13 text
Step
by
step
-‐2
• Declare
data
model
– formData:
field
value
geFer
and
seFer
– Status:
field
status
(errors,valida+ng…)
Slide 14
Slide 14 text
Step
by
step
-‐3
• Just
render
html
by
data
model
and
valida+on
rules
– handleValidate
provided
by
mixins
– Declare
rules
in
Validator
– Wrap
input
by
Validator
and
Valida+on
Slide 15
Slide 15 text
Step
by
step
-‐4
• Validate
on
submit
and
get
data
– Call
validate
method
– Just
get
data
from
data
model
(two-‐way
binding)
Validate
custom
component
• Validate
custom
component
which
supports
onChange
props,
such
as
rc-‐calendar:
Slide 19
Slide 19 text
What’s
next
• Isomorphic
Valida+on
– hFps://github.com/yiminghe/async-‐validator
• rc-‐form-‐valida/on
depends
on
async-‐validator
• async-‐validator
can
be
run
at
nodejs!
Let’s
share
some
valida/on
rules!