diff --git a/components/form/demo/validate-customized.md b/components/form/demo/validate-customized.md index ad559e51e9..9f5e3e23e9 100644 --- a/components/form/demo/validate-customized.md +++ b/components/form/demo/validate-customized.md @@ -126,6 +126,23 @@ let Demo = React.createClass({ render() { const { getFieldProps } = this.props.form; + + // 如果觉得在 JSX 中写 `getFieldProps` 会影响阅读,可以先用变量保存 `getFieldProps` 的返回值。 + const passProps = getFieldProps('pass', { + rules: [ + { required: true, whitespace: true, message: '请填写密码' }, + { validator: this.checkPass } + ] + }); + const rePassProps = getFieldProps('rePass', { + rules: [{ + required: true, + whitespace: true, + message: '请再次输入密码', + }, { + validator: this.checkPass2, + }], + }); return (
@@ -137,13 +154,7 @@ let Demo = React.createClass({ label="密码:" labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}> - @@ -159,16 +170,7 @@ let Demo = React.createClass({ label="确认密码:" labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}> -