I am using jquery validation its working fine on textboxes but not working on select.
here is screenshot.

Complex validation not provided by the HTML has been left out of the scope of this project: https://github.com/Dogfalo/materialize/issues/1454
Why not simply provide Custom Error & Success Messages using the data-error and data-success label attributes (introduced in v0.97) for selects too... ?? Is this really complex?
Because there is no html5 validation for selects.
On Sep 1, 2015 12:01 AM, "boustanihani" [email protected] wrote:
Why not simply provide _Custom Error & Success Messages_ using the
data-error and data-success label attributes for selects too... ?? Is
this really complex?—
Reply to this email directly or view it on GitHub
https://github.com/Dogfalo/materialize/issues/1933#issuecomment-136608340
.
I have the same problem, ¿Did you find any solution?
Tenho o mesmo problema, uma solução foi adicionar:
$(document).ready(function() {
$('select').material_select();
$("select[required]").css({position: 'absolute', display: 'inline', height: 0, padding: 0, width: 0});
});

I don't speak Spanish :/
I have the same problem, one solution was to add:
$(document).ready(function() {
$('select').material_select();
$("select[required]").css({position: 'absolute', display: 'inline', height: 0, padding: 0, width: 0});
});
$("select[required]").css({position: 'absolute', display: 'inline', height: 0, padding: 0, width: 0});
});
This seems to work fine...but is there any chances of added in future versions. I am using 1.0.0.
Also I thought it would be able to use this as out of box feature.
Most helpful comment
I have the same problem, one solution was to add:
$(document).ready(function() {
$('select').material_select();
$("select[required]").css({position: 'absolute', display: 'inline', height: 0, padding: 0, width: 0});
});