feat(register): 输入框支持回车键提交表单

注册页 4 个输入框(用户名/邮箱/密码/确认密码)原先 onkeydown 为 None,
无法用回车提交。改为监听 Enter 触发 on_submit,与登录页行为一致。
This commit is contained in:
xfy 2026-07-01 16:27:56 +08:00
parent 78f3ff4b2f
commit afa6bf892e

View File

@ -108,7 +108,14 @@ pub fn Register() -> Element {
value: username(),
disabled: is_loading,
oninput: move |v: String| username.set(v),
onkeydown: None,
// 回车键触发提交
onkeydown: Some(
EventHandler::new(move |e: KeyboardEvent| {
if e.key() == Key::Enter {
on_submit(())
}
}),
),
}
}
div {
@ -123,7 +130,14 @@ pub fn Register() -> Element {
value: email(),
disabled: is_loading,
oninput: move |v: String| email.set(v),
onkeydown: None,
// 回车键触发提交
onkeydown: Some(
EventHandler::new(move |e: KeyboardEvent| {
if e.key() == Key::Enter {
on_submit(())
}
}),
),
}
}
div {
@ -138,7 +152,14 @@ pub fn Register() -> Element {
value: password(),
disabled: is_loading,
oninput: move |v: String| password.set(v),
onkeydown: None,
// 回车键触发提交
onkeydown: Some(
EventHandler::new(move |e: KeyboardEvent| {
if e.key() == Key::Enter {
on_submit(())
}
}),
),
}
}
div {
@ -153,7 +174,14 @@ pub fn Register() -> Element {
value: confirm_password(),
disabled: is_loading,
oninput: move |v: String| confirm_password.set(v),
onkeydown: None,
// 回车键触发提交
onkeydown: Some(
EventHandler::new(move |e: KeyboardEvent| {
if e.key() == Key::Enter {
on_submit(())
}
}),
),
}
}
button {