如何在 asp.net 核心 mvc 中停止对表单加载事件的 jquery 验证？

Question

登录.cshtml

@model UserModel
<script> src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.19.0/jquery.validate.min.js">  
</script>   
<script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js">  
</script>  
<form id="form-submit" asp-controller="User" asp-action="Update" method="post" 
class="form-horizontal">
 <div class="form-group padding-left">
        <label asp-for="Password">Password</label>
        <input type="password" asp-for="Password" class="form-control" />
        <span asp-validation-for="Password" class="text-danger"></span>
    </div>
</form>


public class UserModel
{
    [Required]        
    [DataType(DataType.Password)]
    public string Password { get; set; }
 }

  //controller action
  public async Task<IActionResult> Update([FromQuery] UserModel)
   {
     return View("Login", UserModel);
   }

使用上述标记代码和 jquery 验证脚本，表单字段验证甚至在用户与输入字段交互之前发生，即，当表单在浏览器上加载时，它正在加载字段以及与验证相关的错误消息。

但我的期望是表单字段验证应该只在用户与控件交互并提供一些无效输入时发生。 我缺少什么？ 如何实现？

Answer 1

您可以更改视图代码，仅当用户单击提交按钮时才会触发验证

@model UserModel
<form id="form-submit" asp-controller="User" asp-action="Update" method="post" 
class="form-horizontal">
 <div class="form-group padding-left">
        <label asp-for="Password">Password</label>
        <input type="password" asp-for="Password" class="form-control" />     
         <span asp-validation-for="Password" class="text-danger"></span>
    </div>
    <button type="submit">submit</button>
</form>

@section Scripts
{
   <script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
   <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
}