html - 如何验证 Materialise 下拉菜单的选择选项？

Question

我有一个使用 materializecss 的基本选择框。

<select id="type" name="type" required="required" class="validate">
    <option value="" disabled="true" selected="selected">Choose your option</option>
    <option value="general">General</option>
    <option value="tech">Tech</option>
    <option value="person">Personnel</option>
    <option value="resource">Resourcing</option>
</select>
<label data-error="Select an option">Type of Question</label>

我希望用户在能够提交表单之前选择一个选项。

如果用户没有选择选项，我如何让它显示标签的 data-error？

Answer 1

$("select[required]").css({display: "block", height: 0, padding: 0, width: 0, position: 'absolute'});