Add submit on Enter for sign in forms.

DL444 · Oct 12, 2024 · 64ff6c4 · 64ff6c4
1 parent 00c8dc2
commit 64ff6c4
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/DL444.CquSchedule.Web/Components/SignInForm.razor b/DL444.CquSchedule.Web/Components/SignInForm.razor
@@ -1,16 +1,17 @@
 @using DL444.CquSchedule.Models;
 
-<EditForm Model="Credential" autocomplete="off">
-    <div class="form-group mb-4">
+<EditForm Model="Credential" autocomplete="off" OnValidSubmit="OnEditFormSubmit">
+    <div class="form-group mb-2">
         <label for="usernameInput" class="mb-1">学号</label>
         <InputText @bind-Value="Credential.Username" disabled="@Disabled" id="usernameInput" class="form-control mb-1" placeholder="2016----" />
         <small class="form-text text-muted">请注意不是统一身份认证号</small>
     </div>
-    <div class="form-group mb-4">
+    <div class="form-group mb-2">
         <label for="passwordInput" class="mb-1">密码</label>
         <InputText @bind-Value="Credential.Password" type="password" disabled="@Disabled" id="passwordInput" class="form-control mb-1" />
         <small class="form-text text-muted">本科生为统一身份认证密码，研究生为 MIS 登录密码<br />不确定？先在 <a href="https://my.cqu.edu.cn/enroll" target="_blank">my.cqu.edu.cn</a> 或 <a href="http://mis.cqu.edu.cn/mis" target="_blank">mis.cqu.edu.cn</a> 测试</small>
     </div>
+    <button type="submit" hidden />
 </EditForm>
 
 @code {
@@ -19,4 +20,12 @@
 
     [Parameter]
     public bool Disabled { get; set; }
+
+    [Parameter]
+    public EventCallback OnSubmit { get; set; }
+
+    private async Task OnEditFormSubmit()
+    {
+        await OnSubmit.InvokeAsync();
+    }
 }
diff --git a/DL444.CquSchedule.Web/Pages/AddCalendar.razor b/DL444.CquSchedule.Web/Pages/AddCalendar.razor
@@ -7,7 +7,7 @@
 
 <h2>登录</h2>
 
-<SignInForm Credential="credential" Disabled="inProgress" />
+<SignInForm Credential="credential" Disabled="inProgress" OnSubmit="SubmitAsync" />
 
 <p class="text-danger">@errorMessage</p>
 

diff --git a/DL444.CquSchedule.Web/Pages/DeleteSubscription.razor b/DL444.CquSchedule.Web/Pages/DeleteSubscription.razor
@@ -10,7 +10,7 @@
 
 <h3>登录</h3>
 
-<SignInForm Credential="credential" Disabled="inProgress" />
+<SignInForm Credential="credential" Disabled="inProgress" OnSubmit="SubmitAsync" />
 
 <p class="text-danger">@errorMessage</p>