Blazor Button Onclick函数提交表单

public class FormData
{
    public string Name { get; set; }
    public string Email { get; set; }
    // 其他表单字段
}

@page "/form"
@using Microsoft.AspNetCore.Components.Forms

<h3>表单</h3>

<EditForm Model="@formData" OnValidSubmit="HandleSubmit">
    <DataAnnotationsValidator />
    <ValidationSummary />

    <div class="form-group">
        <label for="name">姓名</label>
        <InputText id="name" class="form-control" @bind-Value="formData.Name" />
        <ValidationMessage For="@(() => formData.Name)" />
    </div>

    <div class="form-group">
        <label for="email">邮箱</label>
        <InputText id="email" class="form-control" @bind-Value="formData.Email" />
        <ValidationMessage For="@(() => formData.Email)" />
    </div>

    <!-- 其他表单字段 -->

    <button type="submit" class="btn btn-primary">提交</button>
</EditForm>

@code {
    private FormData formData = new FormData();

    private void HandleSubmit()
    {
        // 在这里处理表单提交逻辑
        // 可以将表单数据发送到服务器或执行其他操作
    }
}

private void HandleSubmit()
{
    // 在这里处理表单提交逻辑
    // 可以将表单数据发送到服务器或执行其他操作
    // 例如，可以使用HttpClient将表单数据发送到后端API
    // 或者调用其他服务方法进行数据处理

    // 示例代码：
    // using System.Net.Http;
    // using System.Threading.Tasks;
    // using Microsoft.AspNetCore.Components;
    // using Newtonsoft.Json;

    // var json = JsonConvert.SerializeObject(formData);
    // var content = new StringContent(json, Encoding.UTF8, "application/json");
    // var response = await httpClient.PostAsync("https://api.example.com/submit", content);

    // if (response.IsSuccessStatusCode)
    // {
    //     // 处理成功响应
    // }
    // else
    // {
    //     // 处理错误响应
    // }
}