- 提交表单时,需要阻止默认事件
- 当先校验客户提交的数据,格式是否正确
- 当需要对这些数据进行一个处理再提交
就需要先阻止下默认提交表单的行为
submit = (e) => {
e.preventDefault();
...
}
- 使用
form
标签时,需要对设置按钮的类型type = "button"
,否则点击按钮页面会来回跳。
<form>
<input type="text" name="username" placeholder="请输入您的账号" />
<input type="password" name="password" placeholder="请输入您的密码" />
<button type="button" class="submitBtn">登 录</button>
</form>