Validation for BootstrapjQuery表單驗(yàn)證插件

首先需要引入 jQuery 和 Bootstrap 庫(kù)，然后在Js代碼中加入下面一行代碼。

$('#form').validation();

$('#form') 為jQuery選中你需要驗(yàn)證的 dom 元素，最后只需要在html代碼中指定相關(guān)的屬性即可。

<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 為需要驗(yàn)證的規(guī)則，可以綁定多個(gè)規(guī)則，之間用空格隔開(kāi)。

其中 required-message 為驗(yàn)證為通過(guò)顯示的信息，在這里 required-message 的'-'之前為前面定義的驗(yàn)證規(guī)則名稱(chēng)。