select标签设置required必填校验不生效 无提示的解决方法

select标签上的HTML原生required校验有固定触发逻辑：只有当前选中的option的value属性为空字符串时，浏览器才会判定用户未做选择，触发必填提示。
你的代码里默认选中的提示项写的是<option value="0" selected>Please select a Designation</option>，选中值是"0"属于非空有效值，浏览器会默认用户已经完成选择，自然不会弹出任何必填提示。

你可以根据自己的需求选其中一种方案：

方案1：最小改动适配原生校验 #

直接把默认提示项的value="0"改成value=""即可，修改后的核心代码如下：

<div class="form-group">
  <div class="controls">
    <label class="required" asp-for="Designation"></label>
    <span class="danger" asp-validation-for="Designation"></span>
    <select id="Designation" name="Designation" class="form-control" asp-for="Designation" required>
      <!-- 仅修改这一行的value属性为空 -->
      <option value="" selected>Please select a Designation</option>
      @foreach (var item in designation list)
      {
        <option value="@item.DesignationName">@item.DesignationName</option>
      }
    </select>
  </div>      
</div>

修改后用户如果停留在默认提示项，提交表单时就会正常触发浏览器自带的必填提示。

方案2：适配ASP.NET Core 内置表单校验（推荐，和现有tag helper逻辑更匹配） #

如果你想让错误提示直接展示在你预留的asp-validation-for对应的danger样式span里，和页面风格统一，可以按下面步骤调整：

• 给对应视图模型的Designation属性加必填校验特性，自定义提示文案：

using System.ComponentModel.DataAnnotations;

public class StaffViewModel
{
    [Required(ErrorMessage = "请选择对应职位")]
    public string Designation { get; set; }
}

• 把默认选项的value同样改为空字符串，和校验规则匹配
• 确认视图末尾引入了校验脚本（默认Razor模板自带的局部视图即可）：

<partial name="_ValidationScriptsPartial" />

这套配置下，用户未选择职位提交时，会直接在下拉框旁展示你配置的必填提示，不会触发浏览器默认的样式不统一的提示框，前后端校验逻辑也能保持一致。如果你的Designation字段是int类型，空值提交时也会自动触发模型校验错误，不需要额外兼容。

内容的提问来源于stack exchange，提问作者Nidhi Aggarwal