在 React 中验证表单上的以太坊地址

Validation of Ethereum address on a Form in React

提问人:Niklas Hoffmann 提问时间:10/11/2023 更新时间:10/11/2023 访问量:34

问:


import { Form } from "web3uikit"
import React from "react"

function SellSwapForm({ title, id, onSubmit, extraFields = [] }) {
    const commonFields = [
        {
            name: "NFT Address",
            type: "text",
            inputWidth: "100%",
            key: "nftAddress",
            validation: {
                regExp: /^(0x)[0-9a-fA-F]{40}$/,
                regExpInvalidMessage:
                    "Please enter a valid Ethereum address in the format 0x1234...",
                required: true,
            },
    ]

    const allFields = [...commonFields, ...extraFields]

    return (
        <>
            <Form onSubmit={onSubmit} data={allFields} title={title} id={id} />
        </>
    )
}

export default SellSwapForm

我在这里验证 nftAddress,如果地址不正确,我会收到 regExpInvalidMessage,但如果 nftAddress 正确,我会收到消息“Deine Eingabe muss mit dem geforderten Feld übereinstimmen”这是我在地址正确时看到的消息这是带有 inputField 的渲染内容*/}

我只需要我自己的验证,就像上面一样。 我已经尝试将类型更改为“text”到“textarea” 我也尝试设置noValidation/novalidation 我试着使用模式。 顺便说一句。我已经问过chatGPT...

ReactJS 表单 验证 输入 web3uikit

评论


答: 暂无答案