Używam framework Materialise CSS, a sprawdzanie poprawności formularza nie działa.Materialise Framework - sprawdzanie poprawności wymaganego pola nie działa
Walidacja e-mail działa prawidłowo:
<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>
Jednak jeśli chodzi tylko proste wymaganym zakresie, walidacja nie działa ...
<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>
Jak wspomniano w innym poście,
materialize best practice validate empty field
dodałem wymagany i wymagany przez arię (z wymaganymi = "wymaganymi" i wymaganymi = "" wartościami [nie jestem pewien, dlaczego wspomniano o tym, o ile wiem, że pierwszy jest poprawny]). Jednak sprawdzanie poprawności nadal nie robi niczego poza polem wiadomości e-mail ...
Co robię źle?
Dzięki
PS
CDN dla Materialise HTML i JavaScript są tutaj:
<!--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/
Mam ten sam problem. Wygląda na to, że po prostu nie działa. Bardzo złe wsparcie, jeśli nawet nie odpowiedzieli na to przez pół roku – Edward