作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想使用 ant design 和 React 来验证密码。但是,ant design 没有任何验证。我该怎么做呢?请帮助我。
const LoginForm = Form.create()(props => {
const { getFieldDecorator } = props.form;
return (
<Form onSubmit={props.onSubmit} className="form-size form-margin">
<FormItem>
{getFieldDecorator("email", {
rules: [
{
type: "email",
message: "The input is not valid E-mail!"
},
{ required: true, message: "Please input your username!" }
]
})(<Input placeholder="Email" />)}
</FormItem>
<FormItem>
{getFieldDecorator("password", {
rules: [{ required: true, message: "Please input your Password!" }]
})(<Input type="password" placeholder="Password" />)}
</FormItem>
<FormItem>
<Button type="primary" htmlType="submit" className="login-form-button">
Log in
</Button>
</FormItem>
<span style={{ color: "red" }}>
{props.loginStatus ? "" : props.loginMessage}
</span>
</Form>
);
});
最佳答案
使用validator规则:
const validatePassword = (rule, value, callback) => {
if (value && value !== "Secret") {
callback("Error!");
} else {
callback();
}
};
<FormItem>
{getFieldDecorator("password", {
rules: [
{ required: true, message: "Please input your Password!" },
{ validator: validatePassword }
]
})(
<Input
type="password"
placeholder="Password"
/>
)}
</FormItem>
关于reactjs - 我想使用 ant design 的 React 来验证密码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51203041/
使用登录后,我想吐出用户名。 但是,当我尝试单击登录按钮时, 它给了我力量。 我看着logcat,但是什么也没显示。 这种编码是在说。 它将根据我在登录屏幕中输入的名称来烘烤用户名。 不会有任何密码。
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a min
我是一名优秀的程序员,十分优秀!