我的模型驗證錯誤訊息都有成功顯示可是bootstrap的驗證圖示是不對的。
有趣的是EmailAddress認證Email錯誤時倒是很正常的顯示是錯誤，只有必填Required是不對的...

Model

[Display(Name = "信箱")]
[Required(ErrorMessage = "信箱為必填")]
[EmailAddress(ErrorMessage = "必須符合信箱格式")]
public string? Mmail { get; set; }

Html

<form asp-action="MemberCreate" class="needs-validation was-validated" novalidate>
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    <div class="form-group">
        <label asp-for="Mmail" class="control-label"></label>
        <span class="text-danger">*</span>
        <input asp-for="Mmail" class="form-control"/>
        <span asp-validation-for="Mmail" class="text-danger"></span>
    </div>
    <div class="form-group">
        <input type="submit" value="新增" class="btn btn-primary" />
    </div>
</form>

如圖一明明都出現input-validation-error是錯誤的可是他卻是打勾，可是有趣的是來了Eamil倒是成功會變成錯誤如圖二。
圖一

圖二

圖片有點霧...
內容如下

<input class="form-control input-validation-error" required="" type="email" data-val="true" data-val-email="必須符合信箱格式" data-val-required="信箱為必填" id="Mmail" name="Mmail" value="" aria-describedby="Mmail-error">

目前知道的是在input直接加required

<input required>

就可以解決這個問題，可是就有點好奇為什麼?

請問有人遇過這個問題嗎?

解法:

https://github.com/twbs/bootstrap/issues/36459

如內容我的解讀是因為優先權的關係導致我的模型驗證被蓋掉惹...
依照大神的做法

覆蓋過去原本bootstrap，改變他們的優先順序。

步驟一:
加入:Web Compiler套件

步驟二:
建立一個scss檔案
OverRideBootstrap.scss

@import "bootstrap/scss/bootstrap.scss";

.was-validated .form-control:valid .is-invalid:valid,
.input-validation-error {
    border-color: $form-feedback-invalid-color !important;
    background-image: escape-svg($form-feedback-icon-invalid) !important;
    box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($form-feedback-invalid-color, $input-btn-focus-color-opacity) !important;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

並且轉換成css

改掉原本bootstrap的路徑

@*     <link href="~/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> *@
    <link href="~/OverRideBootstrap.css" rel="stylesheet" />

以上即順利完成。