xfy/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source 
注册页 4 个输入框（用户名/邮箱/密码/确认密码）原先 onkeydown 为 None，
无法用回车提交。改为监听 Enter 触发 on_submit，与登录页行为一致。
This commit is contained in:
xfy 2026-07-01 16:27:56 +08:00
parent 78f3ff4b2f
commit afa6bf892e
1 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/register.rs
View File

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