Javascript在asp.net中对mm / dd / yyyy格式进行日期验证

时间:2012-01-30 10:25:01

标签: javascript jquery asp.net date

我想在客户端验证BirthDate,它应该是“mm / dd / yyyy”格式。

我已经尝试过如下,但它无法正常工作:

$("#btnUpdateEditCB3").click(function(event) {
    var txtBirthDate = $('#<%= txtBirthDateCB3.ClientID %>').val();
    var txtNickName = $('#<%= txtNickNameCB3.ClientID %>').val();
    if (txtBirthDate != "") {
        if (txtBirthDate.match(/^(?:(0[1-9]1[012])[\/.](0[1-9][12][0-9]3[01])[\/.](1920)[0-9]{2})$/)) {
            alert("Please enter date in mm/dd/yyyy format");
            $('#<%= txtBirthDateCB3.ClientID %>').focus();
            return false;
        }
    }
});

4 个答案:

答案 0 :(得分:4)

以下链接解释了相同的内容......看看它是否对您有帮助。

Validate date using jquery

Validate date format using jquery

答案 1 :(得分:2)

我建议您使用JavaScript Date()对象和正则表达式来验证日期。您可以使用this code的变体,如下所示:

function ValidateCustomDate(d) {
    var match = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(d);
    if (!match) {
        // pattern matching failed hence the date is syntactically incorrect
        return false;
    }
    var month = parseInt(match[1], 10) - 1; // months are 0-11, not 1-12
    var day   = parseInt(match[2], 10);
    var year  = parseInt(match[3], 10);
    var date  = new Date(year, month, day);
    // now, Date() will happily accept invalid values and convert them to valid ones
    // therefore you should compare input month/day/year with generated month/day/year
    return date.getDate() == day && date.getMonth() == month && date.getFullYear() == year;
}
console.log(ValidateCustomDate("1/01/2011"));  // false
console.log(ValidateCustomDate("01/1/2011"));  // false
console.log(ValidateCustomDate("01/01/2011")); // true
console.log(ValidateCustomDate("02/29/2011")); // false
console.log(ValidateCustomDate("02/29/2012")); // true
console.log(ValidateCustomDate("03/31/2011")); // true
console.log(ValidateCustomDate("04/31/2011")); // false

答案 2 :(得分:1)

是否有任何特定原因不使用datepicker格式?建议使用jquery datepicker,您可以在其中设置格式。

jquery date picker date time formatting

答案 3 :(得分:0)

如果您想使用javascript以mm / dd / yyyy格式验证日期,可以使用以下代码段。

txtdate具有文本框ID

考虑以下代码。

    function isValidDate(txtdate) {
    var txtDate = "#" + txtdate;
    var dateString = $(txtDate).val();
    var date_regex = /^(0[1-9]|1[0-2])\/(0[1-9]|1\d|2\d|3[01])\/(19|20)\d{2}$/;
    if (!(date_regex.test(dateString))) {
    alert("Date Must Be in mm/dd/yyyy format");
}}