Jquery.validate 驗證方法擴展小結

Jquery.validate.js是jquery旗下的一个验证框架，借助jquery的优势，我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，并且对国际化也有很好的支持

下面是在實際項目中做的一些相應的擴充方法

1、 checkboxlist、radiobuttonlist 选中检查

//   $("input[id*='checkboxlistid']:eq(0)").rules("add", { chkChecked: true });
$.validator.addMethod('chkChecked', function(value, element) {
    var inputs = $("input", $(element).parent());
    var chkCount = 0;
    inputs.each(function() {
        $(this).removeClass("error");
        if (chkCount == 0 && $(this).is(":checked")) {
            chkCount = chkCount + 1;
        }
    });

    if (chkCount == 0) {
        inputs.addClass("error");
    }
    return chkCount > 0;
}, " 請至少選擇一項");

2、select 、 Dropdownlist選中

// $("#selectid").rules("add", { chkSelected: true });
$.validator.addMethod('chkSelected', function(value, element) {
    return $(element).val().length > 0;
}, " 請選擇下拉項");

 

3、檢查多筆email

//  $("#inputid").rules("add", { chkEmail: true });
$.validator.addMethod('chkEmail', function(value, element, param) {
    if (this.optional(element))  
        return true;
    var emails = value.split(';');
    valid = true;
    for (var i in emails) {
        if ($.trim(emails[i]) != "") {
            if (!$.validator.methods.email.call(this, $.trim(emails[i]), element)) {
                valid = false;
                break;
            }
        }
    }
     
    return valid;
}, ' 請輸入正確的Email格式 [多筆以";"號隔開]');

4、驗証數字字元長度是否正確

// $("#inputid").rules("add", { chkFloat: [2,3] });
$.validator.addMethod("chkFloat", function(value, element, params) {
    var val = $.trim(value);
    if (val.length === 0) return true;
    if (parseFloat(val) == val) {
        var values = val.split('.');
        if (values[0].length <= params[0]) {
            if (values.length > 1) {
                return values[1].length <= params[1];
            }
            return true;
        }
    }
    return false;
}, jQuery.validator.format(" 該欄位只接受{0}位正整數及{1}位小數點"));