feat(register): 输入框支持回车键提交表单
注册页 4 个输入框(用户名/邮箱/密码/确认密码)原先 onkeydown 为 None, 无法用回车提交。改为监听 Enter 触发 on_submit,与登录页行为一致。
This commit is contained in:
parent
78f3ff4b2f
commit
afa6bf892e
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user