import React from "react";
import {Form, Icon, Input} from "antd";
function PasswordForm(props) {
const { getFieldDecorator,getFieldValue } = props.form;
// 密碼驗證
const passwordValidator = (rule, value, callback) => {
if (value && value.length<6) {
callback('密碼需大於等於6位數！')
}
callback();
}
const passwordSedValidator = (rule, value, callback) => {
if (value && value !== getFieldValue('password')) {
callback('兩次輸入不一致！')
}
callback();
}
return <Form >
<Form.Item>
{getFieldDecorator('password', {
rules: [{ required: true, message: '請輸入密碼' },{validator:passwordValidator}],
})(
<Input
prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
type="password"
placeholder="請輸入密碼"
/>,
)}
</Form.Item>
<Form.Item>
{getFieldDecorator('passwordSed', {
rules: [{ required: true, message: '請確認密碼' },{validator: passwordSedValidator}],
})(
<Input
prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
type="password"
placeholder="請確認密碼"
/>,
)}
</Form.Item>
</Form>
}
export default Form.create()(PasswordForm);