一款Validate通用表單驗證Jquery插件

此Jquery插件是他初學JQuery寫的一個表單驗證工具,基于JQuery，提示的tooltip用的是poshytip消息提示Jquery插件，為jquery擴展一個doValidate方法，對所有帶有valType的元素進行表單驗證，可用于ajax提交前自動對表單進行驗證。為了方便網友們的學習，插件里面的代碼每個功能都把注釋寫得非常詳細。

用法非常簡單，步驟發下：

1、引入插件文件jq.validate.js和jquery.poshytip.js

2、頁面初始化代碼

$(function(e) {
    var vali=new Validators();
    $("#btn").bind("click", vali.subByJs);
});

插件核心代碼如下：

//輸入框焦點離開后對文本框的內容進行格式驗證
function validateBefore() {
    //驗證通過標識
    var flag=true;
    //獲取驗證類型
    var valType=$(this).attr('valType');
    //獲取驗證不通過時的提示信息
    var msg=$(this).attr('msg');
    //自定義的驗證字符串
    var regString;

    if(valType=='OTHER') {//如果類型是自定義，則獲取自定義的驗證字符串
        regString=$(this).attr('regString');
        flag=$(this).val()!=''&&$.Validator.match({data:$(this).val(), rule:$(this).attr('valType'), regString:$(this).attr('regString')});
    }
    else {//如果類型不是自定義，則匹配默認的驗證規則進行驗證
        if($(this).attr('valType')=='required') {//不能為空的判斷
            if($(this).val()=='') {
                flag=false;
            }
        }
        else {//已定義規則的判斷
            flag=$(this).val()!=''&&$.Validator.match({data:$(this).val(), rule:$(this).attr('valType')});
        }
    }
    //先清除原來的tips
    $(this).poshytip('hide');
    //如果驗證沒有通過，顯示tips
    if(!flag) {
            $(this).poshytip('show');
    }

}

效果如下：

在線演示和下載