Ich benutze das Materialize CSS Framework und die Formularvalidierung funktioniert nicht.Materialise Framework - Validierung des erforderlichen Feldes funktioniert nicht
Die E-Mail-Validierung funktioniert:
<div class="row">
<div class="input-field col s12 m5 offset-m3">
<i class="material-icons prefix">email</i>
<input type="email" id="input_email" name="email" class="validate" />
<label for="input_email" data-error="Please enter a valid email address">Email</label>
</div>
</div>
jedoch, wenn es nur ein einfaches erforderliches Feld zu kommt, wird die Validierung nicht funktioniert ...
<div class="row">
<div class="input-field col s12 m5 offset-m3">
<i class="material-icons prefix">account_circle</i>
<input type="text" id="input_name" data-error="Please enter your name" name="input_name" class="validate" required="required" aria-required="true"/>
<label for="input_name">Name</label>
</div>
</div>
Wie in einem anderen Beitrag erwähnt,
materialize best practice validate empty field
Ich habe die hinzugefügt benötigtes und aria-erforderliches Attribut (mit beiden erforderlichen = "erforderlichen" und erforderlichen = "" Werten [Ich bin mir nicht sicher, warum dies erwähnt wurde, soweit mir bekannt ist, ist Ersteres korrekt]). Aber die Validierung macht immer noch nichts außer für das E-Mail-Feld ...
Was mache ich falsch?
Dank
PS
CDN für die Materialise HTML und Javascript sind hier:
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
JSFiddle-Link: https://jsfiddle.net/rz0zk5u6/99/
Ich habe das gleiche Problem. Es scheint, dass es einfach nicht funktioniert. Sehr sehr schlechte Unterstützung, wenn sie das während eines halben Jahres nicht beantwortet haben – Edward