jquery validate日期與身份證驗證執行個體

jquery validate日期與身份證驗證執行個體

下面是validate的validate.js

jQuery.extend(jQuery.validator.messages, {
    required: "必填",
    remote: "請修正該欄位",
    email: "請輸入正確格式的電子郵件",
    url: "請輸入合法的網址",
    date: "請輸入合法的日期",
    dateISO: "請輸入合法的日期 (ISO).",
    number: "請輸入合法的數字",
    digits: "只能輸入整數",
    creditcard: "請輸入合法的信用卡號",
    equalTo: "請再次輸入相同的值",
    accept: "請輸入擁有合法尾碼名的字串",
    maxlength: jQuery.validator.format("請輸入一個長度最多是 {0} 的字串"),
    minlength: jQuery.validator.format("請輸入一個長度最少是 {0} 的字串"),
    rangelength: jQuery.validator.format("請輸入一個長度介於 {0} 和 {1} 之間的字串"),
    range: jQuery.validator.format("請輸入一個介於 {0} 和 {1} 之間的值"),
    max: jQuery.validator.format("請輸入一個最大為 {0} 的值"),
    min: jQuery.validator.format("請輸入一個最小為 {0} 的值")
});
$(document).ready(function () {
    jQuery.validator.addMethod("isIdCardNo", function (value, element) {
        return this.optional(element) || isIdCardNo(value);
    }, "請正確輸入您的社會安全號碼碼");
});

//增加身份證驗證
function isIdCardNo(num) {
    var factorArr = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1);
    var parityBit = new Array("1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2");
    var varArray = new Array();
    var intValue;
    var lngProduct = 0;
    var intCheckDigit;
    var intStrLen = num.length;
    var idNumber = num;
    // initialize
    if ((intStrLen != 15) && (intStrLen != 18)) {
        return false;
    }
    // check and set value
    for (i = 0; i < intStrLen; i++) {
        varArray[i] = idNumber.charAt(i);
        if ((varArray[i] < '0' || varArray[i] > '9') && (i != 17)) {
            return false;
        } else if (i < 17) {
            varArray[i] = varArray[i] * factorArr[i];
        }
    }

    if (intStrLen == 18) {
        //check date
        var date8 = idNumber.substring(6, 14);
        if (isDate8(date8) == false) {
            return false;
        }
        // calculate the sum of the products
        for (i = 0; i < 17; i++) {
            lngProduct = lngProduct + varArray[i];
        }
        // calculate the check digit
        intCheckDigit = parityBit[lngProduct % 11];
        // check last digit
        if (varArray[17] != intCheckDigit) {
            return false;
        }
    }
    else {        //length is 15
        //check date
        var date6 = idNumber.substring(6, 12);
        if (isDate6(date6) == false) {
            return false;
        }
    }
    return true;
}
function isDate6(sDate) {
    if (!/^[0-9]{6}$/.test(sDate)) {
        return false;
    }
    var year, month, day;
    year = sDate.substring(0, 4);
    month = sDate.substring(4, 6);
    if (year < 1700 || year > 2500) return false
    if (month < 1 || month > 12) return false
    return true
}
/**
* 判斷是否為“YYYYMMDD”式的時期
*
*/
function isDate8(sDate) {
    if (!/^[0-9]{8}$/.test(sDate)) {
        return false;
    }
    var year, month, day;
    year = sDate.substring(0, 4);
    month = sDate.substring(4, 6);
    day = sDate.substring(6, 8);
    var iaMonthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
    if (year < 1700 || year > 2500) return false
    if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) iaMonthDays[1] = 29;
    if (month < 1 || month > 12) return false
    if (day < 1 || day > iaMonthDays[month - 1]) return false
    return true
}

執行個體

<asp教程:Button ID="btnCreateYearParameter" Visible="false" runat="server" Text="" OnClick="btnCreateYearParameter_Click"
                            CssClass="btn" OnClientClick="$('#form1').validate();" />

前台控制項：

<asp:DropDownList CssClass="shortSelect required" ID="ddlCity" runat="server">
</asp:DropDownList>

jquery js代碼：

function initValidate() {
    $("#MainContent_btnSave,#MainContent_btnAnalysis,#btnSave").click(function () {  //這些按鈕都會驗證，但是咋們討論的按鈕不再所以 $('#form1').validate();用這個
        $('#form1').validate();
    });
}