我有一個主表格，還有第二個表格塊來檢查是否已在一項支付服務中注冊。當我單擊按鈕檢查時，觸發主表單并發送資料。第二種形式也發送資料。我只想檢查當我單擊第二個表單內的按鈕時。這個怎么處理，能幫忙嗎？
const { register, handleSubmit, errors, control } = useForm({
mode: {
onblur,
},
});
const {
register: register2, handleSubmit: handleSubmit2, errors: errors2, control: control2,
} = useForm({
mode: {
onblur,
}
});
const onSubmit = (data) => {
console.log(data);
};
const onSubmit2 = (data) => {
console.log(data);
};
<form onSubmit={handleSubmit(onSubmit)}>
<Controller
as={InputMask}
control={control}
mask=" \9\98 99 999 99 99"
name="phone"
id="phone"
defaultValue={phone}
required
/>
<form
onSubmit={
handleSubmit2(onSubmit2)
}
>
<Controller
as={InputMask}
control={control2}
mask=" \9\98 99 999 99 99"
name="phone_alif"
id="phone_alif"
required
/>
<button>Check</button>
</form>
<button>Send</button>
</form>
uj5u.com熱心網友回復：
我解決了。為了不觸發主表單，請在 Check 按鈕上使用 onClick 事件偵聽器。
<form>
<Controller
as={InputMask}
control={control2}
mask=" \9\98 99 999 99 99"
name="phone_alif"
id="phone_alif"
required
/>
<button onClick={handleSubmit2(onSubmit2)}>
Check
</button>
</form>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/495411.html
上一篇：antd表單onSubmit或action屬性未觸發
下一篇：如何更改css中輸入的占位符？