我有一個表單，它有一個富文本編輯器和一個表單提交按鈕，富文本編輯器有樣式按鈕，單擊時提交表單輸入（這是不可取的）。
我想防止這種行為我希望表單僅在單擊提交按鈕時提交，而不是在單擊 RTE 樣式按鈕時提交。
代碼：-
表格代碼
uj5u.com熱心網友回復：
我已將 RichEditor 移出表單。您仍然可以處理表單提交，我在提交按鈕本身上添加了 onClick 偵聽器。 只需將此回傳陳述句復制并粘貼到您的 App.js 中
return (
<>
<div>
<form>
<label htmlFor="contact">
Full Name <span id="required-input-star">*</span>
</label>
<br />
<input
type="text"
value={name}
onChange={(e) => setName(e.target.value)}
required
/>
<br />
<label htmlFor="contact">
Email <span id="required-input-star">*</span>
</label>
<br />
<input
type="text"
value={email}
onChange={(e) => setEmail(e.target.value)}
required
/>
<br />
<label htmlFor="description">
Description <span id="required-input-star">*</span>
</label>
<br />
</form> //closed the form here, and moved out RichEditor
<RichTextEditor />
<hr />
<div className="frm-btn-container">
<input type="submit" value="Cancel" id="cancel-btn" />
<input type="submit" value="Create" onClick={onSubmit} />
</div>
</div>
</>
);
};
uj5u.com熱心網友回復：
嘗試禁用按鈕文本編輯器的按鈕。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/464749.html
標籤：javascript 反应 形式