- 提交表單時,需要阻止默認(rèn)事件
- 當(dāng)先校驗客戶提交的數(shù)據(jù),格式是否正確
- 當(dāng)需要對這些數(shù)據(jù)進行一個處理再提交
就需要先阻止下默認(rèn)提交表單的行為
submit = (e) => {
e.preventDefault();
...
}
- 使用
form
標(biāo)簽時霹琼,需要對設(shè)置按鈕的類型type = "button"
,否則點擊按鈕頁面會來回跳。
<form>
<input type="text" name="username" placeholder="請輸入您的賬號" />
<input type="password" name="password" placeholder="請輸入您的密碼" />
<button type="button" class="submitBtn">登 錄</button>
</form>