5
我正在使用Materialise CSS框架并且表单验证不起作用。实现框架 - 验证所需的字段不工作
的电子邮件验证工作正常:
<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>
然而,当涉及到只是简单的必填字段,验证不工作...
<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>
正如在另一篇文章中提到,
materialize best practice validate empty field
我已经添加了需要和咏叹调要求的属性(既要求=“需要”和要求=“”值[我不知道为什么提到这一点,据我所知前者是正确的])。然而,验证仍然没有做任何事情,除了电子邮件字段...
我做错了什么?
感谢
PS
CDN的Materialise的HTML和Javascript在这里:
<!--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链接:https://jsfiddle.net/rz0zk5u6/99/
我有同样的问题。它似乎根本不起作用。如果他们在半年内甚至没有回答这个问题,他们的支持情况就非常糟糕 – Edward