我用这个表格
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<input id="email2" type="email" class="validate">
<label for="email2" data-error="wrong" data-success="right">Email</label>
</div>
<div class="input-field col s12">
<input id="example" name="example" type="text" class="validate" required="" aria-required="true">
<label for="example" data-error="wrong" data-success="right">Field</label>
</div>
</div>
</form>
</div>
邮件字段没问题。如果我发帖的邮件地址不正确,则会出现错误消息。
示例字段不起作用。我会检查字段是否不为空,然后显示错误。
怎么了?
你忘了添加required=""
and aria-required="true"
这是完整的片段:
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<input id="email2" type="email" class="validate" required="" aria-required="true">
<label for="email2" data-error="wrong" data-success="right">Email</label>
</div>
<div class="input-field col s12">
<input id="example" name="example" type="text" class="validate" required="" aria-required="true">
<label for="example" data-error="wrong" data-success="right">Field</label>
</div>
<div class="input-field col s12">
<button class="btn waves-effect waves-light" type="submit" name="action">Submit</button>
</div>
</div>
</form>
</div>
http://jsfiddle.net/u76rdq2h/ http://jsfiddle.net/u76rdq2h/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)