validate layer 提供友好驗證提示

草根一枚，網上搜索很多關於validate驗證表單樣式的修改方法，但是都不理想，實在沒辦法，自己去研究，用了小半天的時間，效果算是可以把，吧代碼貼出來分享下，寫的不好勿怪！！！！直接代碼：

    $(function () {
        //$.my_validate("#ajax_form");
        //除去tips
        function remove_layertips(obj) {
            var layer_index = obj.attr('layer_index');
            if (layer_index != "" && layer_index != undefined && layer_index != null) {
                layer.close(layer_index);
            }
        }
        $("#ajax_form").validate({
            onkeyup: function (element) { $(element).valid(); },//切記這里設置true 是會報錯的
            focusCleanup: true,
            success: function (element) {
                var elem = $(element);
                var itemId = elem[0].htmlFor;
                var input_validate = $("#" + itemId);
                remove_layertips(input_validate);
            },
            errorPlacement: function (error, element) {
                var elem = $(element);
                if (!error.is(':empty')) {
                    var errorlist = elem.filter(':not(.valid)');
                    errorlist.each(function () {
                        remove_layertips($(this));
                        index = layer.tips(error[0].innerText, $(this), {tips:[2,'#acacac'],  time: 0, tipsMore: true, zIndex: 2000, style: ['background-color:#acacac;'] });
                        $(this).attr('layer_index', index);
                    });
                }
            },
        });
    });

　　html部分

   <form id="ajax_form" method="post" action="<?php echo site_url('admin/banner/add_banner')?>">
             
              <table width="100%" border="0" cellpadding="8" cellspacing="0" class="tableBasic">
                 
                 <tr>
                     <td width="100" align="right">權重</td>
                     <td>
                         <input type="text" name="weight" id="weight" size="40" class="inpMain " required digits="true" value="0" />
                     </td>
                 </tr>
                 <tr>
                     <td></td>
                     <td>
                         <input type="submit" class="btn" value="添加" />
                         <input name="button" class="btn not" type="button" value="取消">
                     </td>
                 </tr>
 
            </table>
         </form>

 

效果圖：