Validation for Bootstrap jQuery表单验证插件开源项目

我要开发同款
匿名用户2012年06月16日
109阅读

技术信息

开源地址
https://github.com/FateSheep/Validation-for-Bootstrap
授权协议
Apache

作品详情

首先需要引入jQuery和Bootstrap库,然后在Js代码中加入下面一行代码。

$('#form').validatio();$('#form') 为jQuery选中你需要验证的dom元素,最后只需要在html代码中指定相关的属性即可。

<formclass="form-horizotal"><divclass="cotrol-group"><labelclass="cotrol-label"for="iputEmail">邮箱</label><divclass="cotrols"><iputtype="text"id="iputEmail"check-type="mail"mail-message="邮箱格式不正确!"></div></div><divclass="cotrol-group"><labelclass="cotrol-label"for="iputPassword">密码</label><divclass="cotrols"><iputtype="password"id="iputPassword"check-type="required"required-message="密码不能为空!"></div></div><divclass="cotrol-group"><divclass="cotrols"><buttotype="submit"class="bt">登录</butto></div></div></form>其中check-type为需要验证的规则,可以绑定多个规则,之间用空格隔开。

其中required-message为验证为通过显示的信息,在这里required-message的'-'之前为前面定义的验证规则名称。

功能介绍

首先需要引入 jQuery 和 Bootstrap 库,然后在Js代码中加入下面一行代码。 $('#form').validation();
$('#form') 为jQuery选中你需要验证...

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论