Validation for Bootstrap 介绍
首先需要引入 jQuery 和 Bootstrap 库,然后在Js代码中加入下面一行代码。
$('#form').validation();
$('#form') 为jQuery选中你需要验证的 dom 元素,最后只需要在HTML代码中指定相关的属性即可。
<form class="form-horizontal"> <div class="control-group"> <label class="control-label" for="inputEmail">邮箱</label> <div class="controls"> <input type="text" id="inputEmail" check-type="mail" mail-message="邮箱格式不正确!" > </div> </div> <div class="control-group"> <label class="control-label" for="inputPassword">密码</label> <div class="controls"> <input type="password" id="inputPassword" check-type="required" required-message="密码不能为空!" > </div> </div> <div class="control-group"> <div class="controls"> <button type="submit" class="btn">登录</button> </div> </div> </form>
其中 check-type 为需要验证的规则,可以绑定多个规则,之间用空格隔开。
其中 required-message 为验证为通过显示的信息,在这里 required-message 的’-‘之前为前面定义的验证规则名称。
Validation for Bootstrap 官网
http://fatesheep.github.com/Validation-for-Bootstrap/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。