如何验证Materialize下拉列表的选择选项？

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

    Choose your option
    General
    Tech
    Personnel
    Resourcing

Type of Question

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

data-error如果用户没有选择选项,我怎样才能显示标签？

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

我遇到了类似的问题.我很少搜索我发现一个简单的解决方案:

步骤1:

material_select使你的选择隐藏(display: none).而作为中提到的这个帖子,jQuery的验证忽略隐藏字段.因此,作为上述解决方法,请在validate方法之前添加以下内容:

$.validator.setDefaults({
       ignore: []
});

$("#yourForm").validate({
        errorClass: "invalid form-error",       
        errorElement : 'div',       
        errorPlacement: function(error, element) {
            error.appendTo( element.parent() );
        }
});

另请注意,form-error类是我的css中的自定义类:

.form-error{color: #D8000C;}

第2步:

选择是否需要,已在此问题的select标签中应用.或者,您可以按方法required: true规则添加选择标记validate.但是这没有必要,如果你已经添加required了你的html选择标记,那就没问题了.

而已.这样,当提交或$("#yourForm").valid()调用表单时,它将验证您的选择.