如何解决在Blazor和OnValidSubmit中编辑表单
我在四个星期前就实现了一个EditForm。它具有与每个输入字段关联的验证。一切工作正常,没有任何问题。但是今天,当我按下保存按钮时,它不会为我提交。如果我尝试使用空输入提交表单,它将突出显示验证,但是当我按Submit时,它什么也不做,也不抛出任何错误。如果我将类型更改为OnSubmit,它将没有问题,但是不会要求验证。我很困惑,因为我已经在几周内未更改此页面中的任何内容,并且两天前运行良好。.任何建议或想法都将受到赞赏
<EditForm Model="@guest" OnValidSubmit="@GuestBooking" class="registerguestform">
<DataAnnotationsValidator />
<div class="row">
<div class="col">
<label>First Name</label>
<InputText @bind-Value="guest.FirstName " class="form-control" />
<ValidationMessage For="() => guest.FirstName" />
</div>
<div class="col">
<label>Last Name</label>
<InputText @bind-Value="guest.LastName" class="form-control" />
<ValidationMessage For="() => guest.LastName" />
</div>
</div>
<br />
<div class="row">
<div class="col">
<label>Date of Birth</label>
<InputDate @bind-Value="guest.DOB" class="form-control" />
<ValidationMessage For="() => guest.DOB" />
</div>
<br />
<div class="col">
</div>
</div>
<br />
<div class="row">
<div class="col">
<label>Street</label>
<InputText @bind-Value="guest.Street" class="form-control" />
<ValidationMessage For="() => guest.Street" />
</div>
<div class="col">
<label>Town/City</label>
<InputText @bind-Value="guest.City" class="form-control" />
<ValidationMessage For="() => guest.City" />
</div>
</div>
<br />
<div class="row">
<div class="col">
<label>Country</label>
<InputText @bind-Value="guest.Country" class="form-control" />
<ValidationMessage For="() => guest.Country" />
</div>
<div class="col">
<label>Postcode</label>
<InputText @bind-Value="guest.Postcode" class="form-control" />
<ValidationMessage For="() => guest.Postcode" />
</div>
</div>
<br />
<div class="row">
<div class="col">
<label>Phone Number</label>
<InputText @bind-Value="guest.PhoneNumber" class="form-control" />
<ValidationMessage For="() => guest.PhoneNumber" />
</div>
<div class="col">
<label>Email Address</label>
<InputText @bind-Value="guest.EmailAddress" class="form-control" />
<ValidationMessage For="() => guest.EmailAddress" />
@guest.Message
</div>
</div>
<br />
<div class="row">
<div class="col">
<label>Arrival Date</label>
<InputDate @bind-Value="guest.ArrivalDate" class="form-control" />
<ValidationMessage For="() => guest.ArrivalDate" />
</div>
<div class="col">
<label>Departure Date</label>
<InputDate @bind-Value="guest.DepartureDate" class="form-control" />
<ValidationMessage For="() => guest.DepartureDate" />
</div>
</div>
<br />
<button class="btn btn-danger" type="submit" value="Add" id="guestregisterformsubmitbutton">Register Guest</button>
<button class="btn btn-danger" type="button" value="Cancel" @onclick="@Cancel">Cancel</button>
</EditForm>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。