Validation for Bootstrap jQuery表单验证插件

程序名称:Validation for Bootstrap

授权协议: Apache

操作系统: 跨平台

开发语言: JavaScript

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/

相关编程语言

多功能下拉选择插件 SelectPage 简洁而强大的下拉分...
AutoComplete 是一个 jQuery Mobile 的插件,用于实...
Combogrid 是一个jQuery插件用于为输入框添加高级自...
Autobox2这个jQuery插件,可以用于创建类似于Facebo...
Link Scraper TextBox 是一个文本框的扩展插件,当你...
Awesomplete 超小超好用的超漂亮的 autocomplete 框...