如何解决在 simple-react-validator
我使用 simple-react-validator 进行客户端验证。它工作正常,但是当我提交表单时,submitHandler 函数上的 clearform 会显示每个必需的消息!我希望他们从 submitHandler 函数中删除。 submitHandler 给出如下:
const submitHandler = event => {
event.preventDefault();
Axios.post("/products",product)
.then(response => {
if (response.data.code === 201) {
toast.success("Product Data Inserted Successfully!");
ClearFrom();
simpleValidator.current.purgeFields();
}
})
.catch(error => {
if (error.response) {
setError(error.response.data.errors);
}
});
};
clearForm 函数:
const ClearFrom = () => {
let form = product;
Object.keys(form).forEach(function(key) {
form[key] = "";
});
form.tags = [];
setProduct({ ...product,...form });
};
输入字段更改处理程序:
const handleChange = event => {
setProduct({ ...product,[event.target.name]: event.target.value });
simpleValidator.current.showMessageFor(event.target.name);
};
输入字段:
<input type="number" name="purchase_price"
className="form-control"
placeholder="Enter Product Purchase Price"
value={product.purchase_price}
onChange={e => handleChange(e)} />
{simpleValidator.current.message(
"purchase_price",product.purchase_price,"required",{ className: "text-danger" })}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。