如何在客户端使用.net c#验证日期格式？

Question

有人知道如何在 .net c# 的客户端验证日期格式吗？

例如：

我有以下输入，如何验证日期格式为 DD-MM-YYYY？

    <tr>
        <td align="right">Start Date:</td>
        <td><asp:TextBox runat="server" ID="activeDate" MaxLength="10" size="8"/>(DD-MM-YYYY)
        </td>
    </tr>

- Jin Yong

Answer 1

首先，许多人建议使用 ASP.NET 工具包中的 Regex 验证器来验证正则表达式。

然而，这种方法不考虑文化差异，例如英国日期格式为 DD/MM/YYYY，而美国为 MM/DD/YYYY，许多人使用 ISO 格式 YYYY-MM-DD。

更好的方法是使用 CompareValidator 并进行类型检查。

    <asp:CompareValidator ID="CompareValidator1" runat="server" 
           ControlToValidate="DateTextBox" ErrorMessage="Enter a valid date"
           Operator="DataTypeCheck" Type="Date" ValidationGroup="GroupName" />

你可以将此与DateTimePicker、AJAX工具包和ScriptManager相结合，以实现更多功能，尽管以上示例会起作用。

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" 
                     TagPrefix="ajaxToolkit" %>

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:Label ID="lblDate" runat="server" Text="Date: "></asp:Label>
        <asp:TextBox ID="txtDate" runat="server" Width="140px"></asp:TextBox>
        <asp:Image ID="imgCalendar" runat="server" ImageUrl="~/Images/Calendar.png" />
        <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" 
               TargetControlID="txtDate" Format="MM/dd/yyyy" 
               PopupButtonID="imgCalendar" />
        <asp:CompareValidator ID="CompareValidator1" runat="server" 
               ControlToValidate="txtDate" ErrorMessage="* Enter a valid date"
               Operator="DataTypeCheck" Type="Date" ValidationGroup="grpDate" />

http://blogs.mgtechgroup.com/markc/archive/2007/06/07/ASP.NET-Date-Validator.aspx

- Darbio

---

Culture="ca-ES" 可以用于 DD/MM/YYYY..我认为使用文化更好。@JD如果我使用文化，会有什么问题吗？ - kbvishnu

完全不是问题，只需要在用户分布全球时留意一下。使用日期选择器(DatePicker)可以通过图形化的方式解决大部分这些问题。 - Darbio

Answer 2

您是否愿意使用JQuery和验证插件？

这里有一个几乎做了您所要求的事情的示例。

为了简单起见，将其内联。

$.validator.addMethod(
"australianDate",
function(value, element) {
    // put your own logic here, this is just a (crappy) example
    return value.match(/^\d\d?\/\d\d?\/\d\d\d\d$/);
},
"Please enter a date in the format dd/mm/yyyy"
);

然后在你的表单上：

$('#myForm')
.validate({
    rules :
        myDate : {
            australianDate : true
        }
})
;

- Khepri

---

他指定了客户端，我发现JQuery通常具有最简单的实现。意见不一。 - Khepri

.NET类具有客户端验证功能，使用CompareValidator自动添加JavaScript。很抱歉，我完全不同意，编写自定义jQuery函数并不是最简单的方法，建议这样做显示缺乏基础框架知识。 - Darbio

我只是提供一些替代方案。你的观点是在服务器端添加CompareValidator和ScriptManager来生成我们所需的客户端代码比直接添加客户端代码更容易。两种方法都可以。拥有多种选择是一件好事。 - Khepri

我并不是说你的例子不能运行，而是说它并不是这个问题的正确解决方案。危险在于你提供了一种没有在服务器端验证输入的替代方案，这意味着任何想要成为黑客的人都可以关闭 JavaScript，绕过任何类型的验证，并造成各种混乱。这是一条危险的道路... - Darbio

@Khepri 我们可以使用文化来设置所需格式的日期。因此，如果我们正在使用某些验证控件，我们可以在不使用JavaScript的情况下获取它。我认为验证将在客户端完成。 - kbvishnu

Answer 3

使用这个JavaScript，并调用文本框的 onchange 事件

`

<script language = "Javascript">

// Declaring valid date character, minimum year and maximum year
var dtCh= "/";
var minYear=1900;
var maxYear=2100;

function isInteger(s){
    var i;
    for (i = 0; i < s.length; i++){   
        // Check that current character is number.
        var c = s.charAt(i);
        if (((c < "0") || (c > "9"))) return false;
    }
    // All characters are numbers.
    return true;
}

function stripCharsInBag(s, bag){
    var i;
    var returnString = "";
    // Search through string's characters one by one.
    // If character is not in bag, append to returnString.
    for (i = 0; i < s.length; i++){   
        var c = s.charAt(i);
        if (bag.indexOf(c) == -1) returnString += c;
    }
    return returnString;
}

function daysInFebruary (year){
    // February has 29 days in any year evenly divisible by four,
    // EXCEPT for centurial years which are not also divisible by 400.
    return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
}
function DaysArray(n) {
    for (var i = 1; i <= n; i++) {
        this[i] = 31
        if (i==4 || i==6 || i==9 || i==11) {this[i] = 30}
        if (i==2) {this[i] = 29}
   } 
   return this
}

function isDate(dtStr){
    var daysInMonth = DaysArray(12)
    var pos1=dtStr.indexOf(dtCh)
    var pos2=dtStr.indexOf(dtCh,pos1+1)
    var strDay=dtStr.substring(0,pos1)
    var strMonth=dtStr.substring(pos1+1,pos2)
    var strYear=dtStr.substring(pos2+1)
    strYr=strYear
    if (strDay.charAt(0)=="0" && strDay.length>1) strDay=strDay.substring(1)
    if (strMonth.charAt(0)=="0" && strMonth.length>1) strMonth=strMonth.substring(1)
    for (var i = 1; i <= 3; i++) {
        if (strYr.charAt(0)=="0" && strYr.length>1) strYr=strYr.substring(1)
    }
    month=parseInt(strMonth)
    day=parseInt(strDay)
    year=parseInt(strYr)
    if (pos1==-1 || pos2==-1){
        alert("The date format should be : dd/mm/yyyy")
        return false
    }
    if (strMonth.length<1 || month<1 || month>12){
        alert("Please enter a valid month")
        return false
    }
    if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){
        alert("Please enter a valid day")
        return false
    }
    if (strYear.length != 4 || year==0 || year<minYear || year>maxYear){
        alert("Please enter a valid 4 digit year between "+minYear+" and "+maxYear)
        return false
    }
    if (dtStr.indexOf(dtCh,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr, dtCh))==false){
        alert("Please enter a valid date")
        return false
    }
return true
}

function ValidateForm(){
    var dt=document.frmSample.txtDate
    if (isDate(dt.value)==false){
        dt.focus()
        return false
    }
    return true
 }

</script>`

- Vikky

---

这是一种非常笨重的解决方案，而一个.NET控件就可以解决。 - Darbio

如果我可以在客户端完成而不使用服务器控件，我认为这比使用服务器控件更好。 - Vikky

JD的观点有些过时和狭隘，所以我不会太担心不使用ASP.NET服务器控件所带来的问题——这些控件有点可笑，并且是我们现在拥有ASP.NET/MVC的主要原因之一。 - Kirk Woll