我想知道如何檢查兩個輸入是否相等？我的意思是我想做表單驗證，我將檢查第一個輸入是否與第二個輸入相同。有誰知道該怎么做？
import React from "react";
import { useForm } from "react-hook-form";
export default function App() {
const {
register,
handleSubmit,
formState: { errors },
} = useForm();
const onSubmit = (data) => console.log(data);
return (
<form onSubmit={handleSubmit(onSubmit)}>
<label>
Mail:
<input {...register("mail", { required: true })} />
</label>
{errors.mail && <p>Mails are not matching</p>}
<label>
Confirm mail:
<input {...register("mail", { required: true })} />
</label>
{errors.mail && <p>Mails are not matching</p>}
<button type="submit">Send</button>
</form>
);
}
如果有不清楚的地方隨時問:)
uj5u.com熱心網友回復：
它很簡單。你得到了值，onSubmit = (data)所以你可以從那里訪問這些欄位。
您也不能有 2 個使用相同名稱注冊的欄位。你可以這樣做：
<label>
Mail:
<input {...register("mail", { required: true })} />
</label>
{errors.mail && <p>Mails are not matching</p>}
<label>
Confirm mail:
<input {...register("confirmMail", { required: true })} />
</label>
對于匹配，這里是一個例子，你是如何做到的
const { mail, confirmMail } = data;
if (mail !== confirmMail) {
// Codes here
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/474152.html
標籤：javascript 反应 形式