在asp.net核心razorpage中禁用特定按钮的按钮验证

Question

我在剃须刀页面上有一个带有2个按钮的表单。

 <form method="post" class="form-group ">
<div class="form-group col-md-3">
  <div class="input-group">
    <input asp-for="DoctorViewModel.NationalCode" class="form-control" type="text" maxlength="10" required onblur="">
    <div class="input-group-append">
         <button class="btn btn-outline-primary " asp-page-handler="GetInfo" >search</button>
      </div>
   </div>
   <span asp-validation-for="DoctorViewModel.NationalCode"></span>
 </div>

 .
 .
 <div class="form-group col-md-2">
      <label asp-for="DoctorViewModel.Name" class="col-form-label"></label>
      <input asp-for="DoctorViewModel.Name" class="form-control" type="text" maxlength="50" required>
      <span asp-validation-for="DoctorViewModel.Name"></span>
 </div>
 .
 .
 .
 .
 <input type="submit" class="btn btn-success" value="Save"/>
 </form>

当单击搜索按钮时，我想从处理程序中加载表单信息。

但是单击此按钮时，将收到验证错误。 我如何仅对搜索按钮禁用验证检查。 在asp.net格式中，我使用了CauseValidation = false。

Answer 1

要在仍然使用提交按钮的同时跳过验证，可以尝试添加属性formnovalidate ：

<button class="btn btn-outline-primary" formnovalidate asp-page-handler="GetInfo">search</button>

Answer 2

按钮的默认类型是提交大多数浏览器中包含的表单。

您只需要添加一种按钮类型，这将停止提交，因此不会触发自动验证。

<button class="btn btn-outline-primary " type="button" asp-page-handler="GetInfo" >search</button>