客戶端驗證在 Asp.Net Core 中不起作用

Question

我正在嘗試在我的應用程序中使用客戶端驗證，但它不起作用。 只有服務器端驗證有效。 表單發布到服務器后，驗證工作。 我在布局的頭部部分有以下腳本

<script src="~/js/jquery-3.6.0.min" type="text/javascript"></script>
<script src="~/js/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="~/js/jquery.validate.js" type="text/javascript"></script>

我使用了瀏覽器開發工具，腳本顯示在頁面的頭部部分。 當我單擊表單中的提交按鈕時，表單正在提交，然后才會顯示錯誤。

表格如下：

<form asp-action="Create">  

    <div class="form-group">
        <label asp-for="@Model.Title"></label>
        <textarea asp-for="@Model.Title" rows="3" class="form-control"></textarea>
        <span asp-validation-for="@Model.Title" class="text-danger"></span>
    </div>

    <div class="text-center">
        <button class="btn btn-primary form-btn-margin-top" type="submit">Create</button>
    </div>
           
</form>

模型類是

public class Material
{
    public int Id { get; set; }

    [Required]
    public string Title { get; set; }
}

Answer 1

更新以將.js放在 jQuery 路徑的末尾。 還要刪除type="text/javascript"的屬性，所有現代瀏覽器都將其作為默認值，它會在驗證時生成警告，例如： https : //validator.w3.org/

 <script src="~/js/jquery-3.6.0.min.js"></script> <script src="~/js/jquery.validate.unobtrusive.min.js"></script> <script src="~/js/jquery.validate.js"></script>