Javascript 引导选择所需的验证无法正常工作

我们有一个引导选择（Phasentyp），它是通过模板动态添加的。
模板如下所示：

<div class="form-group">
    <div class="form-row">
        <div class="col-4">
            <form-group asp-for="@projektphaseTemplate.PhasenTypId" asp-horizontal="true" asp-label-suffix=" *" data-none-selected-text required></form-group>
        </div>
    </div>
</div>

但不幸的是，当选择空选项保存时，验证不起作用

“有趣”的是，当我填写其他必填字段并再次保存时，验证似乎会触发，但消息错误：

HTML如下所示：

<div class="form-group">
    <div class="form-row">
        <div class="col-4">
            <form-group asp-for="@projektphaseTemplate.PhasenTypId" asp-horizontal="true" asp-label-suffix=" *" data-none-selected-text required></form-group>
        </div>
    </div>
</div>

我做错了什么，验证不是由第一次保存触发的

---

提前感谢

在更改元素名称后，您必须对元素重新应用jquery的验证

---

请参见此处：

A guess:jquery验证（我假设您使用它）基于elements name属性工作，您可能不应该更改该属性，或者您必须再次手动附加验证，否则可能会（将）发生各种验证奇怪现象。@ferikeem感谢您的评论。是的，我们使用jquery验证。屏幕截图上的其他字段（input和datepicker）也通过模板动态添加，验证在模板中正确工作。我可以尝试手动将验证附加到select，您知道这是如何实现的吗？：）手动添加验证成功，非常感谢！如果你加上这个作为回答，我很乐意接受：-）