Jquery validator overrides and defaults to properly display against materialize inputs

Jquery validator overrides and defaults for materialize inputs

CSS
label.invalid {
    color: red;
    font-size: 0.8rem;
    left: 0;
    position: relative;
    top: -15px;
    transform: none !important;
}

JS
$.validator.setDefaults({
  onkeyup: false,
  errorClass: 'invalid',
  validClass: 'valid',
  submitHandler: function(form) {
    $(form).find("input[type='submit']").prop('disabled', true);
    $(form).find("button[type='submit']").addClass("disabled");
    $(form).find("button[type='submit']").prop('disabled', true);
    form.submit();
  },
  errorPlacement: function(error, element) {
    error.insertAfter($(element).siblings('label'));
  }
});

$(document).ready(function(){
	// Elk formulier met class validate, validatie uitvoeren
	$("form[class~='validate']").each(function(){
		$(this).validate();
	});
});