[英]How can I validate the date format in client side .net c#?
有誰知道如何在 .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>
首先,許多人建議使用 ASP.NET 工具包中的 Regex Validator 來驗證正則表達式。
然而,這不是文化敏感的,例如英國 == 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
您是否願意使用 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
}
})
;
使用這個 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>`
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.