Javascript antd输入字段上的条件(如果写入特定内容)
新的react钩子程序员。这里我有一个antd表单,除了需要对输入进行某种检查外,一切都很好,我的问题是,如果用户在“businessid”输入字段上写入内容,例如“1234”,则需要从api进行检查,如果之前使用过,则无法继续使用表单,但如果在此之前未使用,则可以继续。从api中,我得到了一个对象数组,其中“businessid”。我的代码:Javascript antd输入字段上的条件(如果写入特定内容),javascript,html,reactjs,typescript,antd,Javascript,Html,Reactjs,Typescript,Antd,新的react钩子程序员。这里我有一个antd表单,除了需要对输入进行某种检查外,一切都很好,我的问题是,如果用户在“businessid”输入字段上写入内容,例如“1234”,则需要从api进行检查,如果之前使用过,则无法继续使用表单,但如果在此之前未使用,则可以继续。从api中,我得到了一个对象数组,其中“businessid”。我的代码: {“提交”} 修改的BusinessId表单。项目: <Form.Item label={"businesId"} nam
{“提交”}
修改的BusinessId表单。项目
:
<Form.Item label={"businesId"} name="businessId">
<Input
type="string"
disabled={loading}
onChange={(e) => handleInput(e.target.value)}
/>
{isInvalidBusinessId ? (
<span className="error-text">{errorMessage}</span>
) : null}
</Form.Item>
编辑:
要在表单提交上显示成功消息,请执行以下操作:
const onFinish = (values) => {
// You determine your success logic here
setIsSubmitSuccess(true);
setTimeout(() => {
setIsSubmitSuccess(false);
}, 2000); // Two seconds interval
};
结果:
有关详细信息,请参阅第页的工作解决方案
例如“1234”则需要从api检查:触发api的businessID
的最小长度是多少<代码>如果之前使用过,则无法继续使用表单
:意味着提交按钮将被禁用?我不知道最小值,我们可以只拿些东西吗?是的提交按钮将被禁用(或有任何其他方式?),显然,我们可以采取的东西。然后,如果用户按下一个键,您的API将被调用。对你来说可以吗?显然,如果需要从那里检查,需要打电话给它?还是我们有别的办法?它是否也可以给出一些消息,例如“您不能多次使用同一id”?在apiCustGet
API callinside'const onFinish=(values)'i have'之后提供示例数据。然后(()=>history.replace(“/某处”);'出于某种原因,此超时即使是9秒,也只适用于1秒的“setIsSubmitSuccess”(true);setTimeout(()=>{setIsSubmitSuccess(false);},9000);“”您以错误的方式使用了setTimeout
。将onFinish
代码块写入。我会解决这个问题。嘿,我从网络中检查了“业务ID由七位数字、一个破折号和一个控制标记组成,例如1234567-8。”因此,如果我们将其实现为这样的话,它会像“acceptableBusinessID=/^[0-9]{7}-{1}[0-9]{1}$/g;”在每次呈现api的时候,我都会从某个地方读到“业务ID由七位数字、一个破折号和一个控制标记组成”,我们可以输入一些长度吗?重新检查演示链接。
const onFinish = (values) => {
// You determine your success logic here
setIsSubmitSuccess(true);
setTimeout(() => {
setIsSubmitSuccess(false);
}, 2000); // Two seconds interval
};