如何使用MVC在客户端验证dropdownlist元素？

@Html.DropDownListFor(model => model.SelectedValue, Model.Items, "-- Select Option --", new { id = "ddlElement", name = "ddlElement" })

public class MyModel
{
    public string SelectedValue { get; set; }
    public IEnumerable<SelectListItem> Items { get; set; }
}

public class MyController : Controller
{
    public IActionResult Index()
    {
        var model = new MyModel();
        model.Items = new List<SelectListItem>
        {
            new SelectListItem { Value = "1", Text = "Option 1" },
            new SelectListItem { Value = "2", Text = "Option 2" },
            new SelectListItem { Value = "3", Text = "Option 3" }
        };

        return View(model);
    }
}

$(document).ready(function() {
    $('#myForm').submit(function(e) {
        var selectedValue = $('#ddlElement').val();
        if (selectedValue === "") {
            e.preventDefault(); // 阻止表单提交
            alert("请选择一个选项");
        }
    });
});