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

我要开发同款
匿名用户2012年06月16日
35阅读
开发技术JavaScript
所属分类jQuery插件、jQuery表单及相关
授权协议Apache

作品详情

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

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

<formclass="form-horizontal"><divclass="control-group"><labelclass="control-label"for="inputEmail">邮箱</label><divclass="controls"><inputtype="text"id="inputEmail"check-type="mail"mail-message="邮箱格式不正确!"></div></div><divclass="control-group"><labelclass="control-label"for="inputPassword">密码</label><divclass="controls"><inputtype="password"id="inputPassword"check-type="required"required-message="密码不能为空!"></div></div><divclass="control-group"><divclass="controls"><buttontype="submit"class="btn">登录</button></div></div></form>其中check-type为需要验证的规则,可以绑定多个规则,之间用空格隔开。

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

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

评论