我正在嘗試在用戶提交表單之前驗證用戶的輸入。如何將輸入字段值傳遞給我的 validateInput 函數(shù),如果它返回 false 觸發(fā)器并在字段中應(yīng)用以下屬性hasFeedback,validateStatus以及helpconst Demo = () => { const [form] = form.useForm(); const onFinish = (values) => { console.log("Success:", values); }; const onFinishFailed = (errorInfo) => { console.log("Failed:", errorInfo); }; const validateInput = (input) => { const isEmailFormatValid = `regex...`; var check = input.match(validateFormat); return check }; return ( <Form form={form} name="basic" initialValues={{ remember: true, }} onFinish={onFinish} onFinishFailed={onFinishFailed} > <Form.Item label="Email" name="email" / * hasFeedback validateStatus="warning" help="Invalid email format" */ rules={[ { required: true, message: "Please input your email!", }, ]} > <Input /> </Form.Item> <Form.Item label="Password" name="password" rules={[ { required: true, message: "Please input your password!", }, ]} > <Input.Password /> </Form.Item> <Form.Item> <Button block type="primary" htmlType="submit"> Submit </Button> </Form.Item> </Form> );};
如何正確使用 AntD FormInstance 函數(shù)?
陪伴而非守候
2023-03-10 14:40:08