Javascript antd输入字段上的条件(如果写入特定内容)

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

新的react钩子程序员。这里我有一个antd表单,除了需要对输入进行某种检查外,一切都很好,我的问题是,如果用户在“businessid”输入字段上写入内容,例如“1234”,则需要从api进行检查,如果之前使用过,则无法继续使用表单,但如果在此之前未使用,则可以继续。从api中,我得到了一个对象数组,其中“businessid”。我的代码:


{“提交”}

修改的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
  };