validate插件的使用

方法如下：

插件：
jquery.validate.js
jquery.validate.custom.js
bootstrap
html代码：
<form id="form_name">
    <input type="text" name="data[name]" />
</form>
<div id="errorLabelContainer" class="alert alert-danger" style="display:none;"></div>
js代码：
$("#form_name").validate({
    rules : {
       "data[name]" : {required : true ,remote:""},
    },
    messages: {
       "data[name]" : {required :"用户名必填",remote:"用户名已存在"},
    },
    wrapper:'li',
    highlight: function(element, errorClass, validClass) {
        $(element).attr('placeholder','不能为空');
    },
    errorLabelContainer:"#errorLabelContainer",
    invalidHandler: function(event, validator) {
        // 'this' refers to the form
        var errors = validator.numberOfInvalids();
        if (errors) {
        $("div.alert").show();
        } else {
        $("div.alert").hide();
        }
    }
});