利用JavaScript和正则表达式进行丰富的日期判断
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>
<BODY>
<input name="cnlDate" id="cnlDate" value="">（如：2001-3-7 2001/3/7 2001.3.7）
<br>
<input name="cnlRadio" id="Radio" value="0" type="radio" checked>年、月、日必须齐全<br>
<input name="cnlRadio" id="Radio" value="1" type="radio">可以没有日<br>
<input name="cnlRadio" id="Radio" value="2" type="radio">可以没有月和日<br>
<input name="cnlButton" name="cnlButton" type="button" value="日期检查" onclick="fnOnclick()">
</BODY>
</HTML>
<script language="javascript" src="Scroll.js">
//**********************************************************************************************************
function fnOnclick()
{
var strDate = fnRemoveBrank(document.all.cnlDate.value);
var intCheckRadio = 0;
if(document.all.cnlRadio[1].checked)
{
intCheckRadio = 1;
}
else if(document.all.cnlRadio[2].checked)
{
intCheckRadio = 2;
}
if(!fnCheckDate(strDate,intCheckRadio))
{
alert("日期不合法");
}
else
{
alert("日期合法");
}
}
//**********************************************************************************************************
//功能：日期检查函数，支持3种年、月、日之间的分隔符 "-"、"."和"/"可以选择年、月、日是否应该完整。
// 正确的日期格式为：2001-2-13 2001 2001-2 2001.2.13 2001.2 2001/2/3，日期范围为 1-1-1 到 9999-12-31
// 同时，对当前年当前月的天数也做了判断，如：2001-2-29 2001-4-31 都是非法的日期
//参数：strDate ---- 需要判断的日期字符串
// intFlag: 1 ---- 可以没有日 2 ---- 可以没有日和月 0 ---- 年月日必须齐全
//返回值：true ---- 日期合法 false ---- 日期不合法
function fnCheckDate(strDate,intFlag)
{
var strCheckDate = strDate + ""; //进一步确认哪来判断的肯定是一串字符串
if(strCheckDate == "") //空字符串,不是合法的日期字符串，返回false
{
return false;
}
//判断传进来的数据是那种格式写成日期
var intIndex = -1; //利用正则表达式，查找字符串中是否包含某个字符，没找到为-1,否则为 （0 - String.length - 1）
var arrDate; //分别存储年月日
var regExpInfo = /\./; //正则表达式，匹配第一个出现 "."的位置
//在这里，我之所以不使用replace函数把所有的"."和"/"换成"-",然后分别存储年月日，是因为用户有可能输入 2001/3-2,就判断不出它是不合法日期了
intIndex = strCheckDate.search(regExpInfo); //查找是否含有 "."
if(intIndex == - 1) //不包含
{
regExpInfo = /-/;
intIndex = strCheckDate.search(regExpInfo);
if(intIndex == -1)
{
regExpInfo = /\//; //查找是否含有 "/"
intIndex = strCheckDate.search(regExpInfo);
if(intIndex == -1)
{
arrDate = new Array(strCheckDate); //只包含年
}
else
{
arrDate = strCheckDate.split("/"); //2001/3/7 型
}
}
else
{
arrDate = strCheckDate.split("-"); //2001-3-7 型
}
}
else
{
arrDate = strCheckDate.split("."); //2001.3.7 型
}
if(arrDate.length > 3) //如果分离出来的项超过3，除了年月日还有其它的，不合法日期，返回false
{
return false;
}
else if(arrDate.length > 0)
{
//判断年是否合法
if(fnIsIntNum(arrDate[0])) //是正整数
{
if(parseInt(arrDate[0]) < 1 || parseInt(arrDate[0]) > 9999) //年范围为1 - 9999
{
return false;
}
}
else
{
return false; //年不是正整数，错误
}
//判断月是否合法
if(arrDate.length > 1)
{
if(fnIsIntNum(arrDate[1])) //是正整数
{
if(parseInt(arrDate[1]) < 1 || parseInt(arrDate[1]) > 12)
{
return false;
}
}
else
{
return false;
}
}
else //没有月
{
if(intFlag != 2) //必须得有月
{
return false;
}
}
//判断日是否合法
if(arrDate.length > 2)
{
if(fnIsIntNum(arrDate[2])) //是正整数
{
var intDayCount = fnComputerDay(parseInt(arrDate[0]),parseInt(arrDate[1]));
if(intDayCount < parseInt(arrDate[2]))
{
return false;
}
}
else
{
return false;
}
}
else
{
if(intFlag == 0) //必须得有日
{
return false;
}
}
}
return true;
}
//**********************************************************************************************************
//判断一个数是否为正整数
//参数：strNum ---- 需要判断的字符串
//返回值：true ---- 整数 false ---- 非整数
function fnIsIntNum(strNum)
{
var strCheckNum = strNum + "";
if(strCheckNum.length < 1) //空字符串
return false;
else if(isNaN(strCheckNum)) //不是数值
return false;
else if(parseInt(strCheckNum) < 1) //不是正数
return false;
else if(parseFloat(strCheckNum) > parseInt(strCheckNum)) //不是整数
return false;
return true;
}
//**********************************************************************************************************
//功能：判断intYear年intMonth月的天数
//返回值：intYear年intMonth月的天数
function fnComputerDay(intYear,intMonth)
{
var dtmDate = new Date(intYear,intMonth,-1);
var intDay = dtmDate.getDate() + 1;
return intDay;
}
//********************************************************************************************************** //功能：去掉字符串前后空格
//返回值：去掉空格后的字符串
function fnRemoveBrank(strSource)
{
return strSource.replace(/^\s*/,'').replace(/\s*$/,'');
}
</script>
正则表达式
正则表达式
正则表达式是用于模式匹配的，它提供了强大的字符串替换、转换以及搜索功能。
Netscape 和 IE 在正则表达式对象的使用上有细微的不同，但是下边的代码却是通用的：
var myRE = /匹配模式/标记;
匹配模式的过程被看成是逐字匹配的，同时使用正则表达式还能匹配特殊字符或特殊格式的字符串 (左边的符号是匹配模式中使用的特殊格式)：
a* - 匹配零个或零个以上的字符 a。
a+ - 匹配一个或一个以上的字符 a。
. - 匹配任何字符。
a|b - 匹配字符 a 或者 b。
a{n} - 匹配 n 个连续的字符 a。
[abc] - 匹配一个字符，这个字符是方括号“[]”中的任何一个字符，使用 [0-9] 匹配 0 到 9 的任何数字，使用 [a-z] 匹配字母 a, b, ... , z 中的任何小写字母，大写字母使用 [A-Z]。
\b - 匹配一个不以英文字母或数字为边界的字符串。
\s - 匹配一个空白的字符 (包括空格、Tab、换行等等)。
\w - 匹配一个任何英文或者数字的字符，和 [0-9a-zA-Z] 是等同的。
由于 '*' 是特殊字符，它的作用是匹配零个或零个以上的 '*' 前边的字符，所以如果想匹配字符 '*'，需要在此字符前加一个反斜杠 '\' 字符。因此 '\*' 是匹配一个字符 '*'。你可以到 Netscape's JavaScript Reference 中去看一下有关正则表达式的细节。
标记可以是下边的值：
i - 忽略大小写。
g - 全局匹配，匹配所有符合匹配模式的字符，而不只是匹配第一个符合匹配模式的字符。
test() 方法用来比较已知的字符串，如果匹配则返回“真”值 (true)。可以看一下这个 在线示例，在这个例子中，使用了正则表达式来判断用户的输入是否符合电子邮件 (Email) 地址的格式：userid@domain.net。
| JavaScript中的正则表达式解析
正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。 要为一个单独的正则表达式添加属性,可以使用正则表达式构造函数(constructor function)，无论何时被调用的预设置的正则表达式拥有静态的属性(the predefined RegExp object has static properties that are set whenever any regular expression is used, 我不知道我翻得对不对，将原文列出，请自行翻译)。
创建：
一个文本格式或正则表达式构造函数
文本格式： /pattern/flags
正则表达式构造函数： new RegExp("pattern"[,"flags"]);
参数说明：
pattern -- 一个正则表达式文本
flags -- 如果存在，将是以下值：
g: 全局匹配
i: 忽略大小写
gi: 以上组合
[注意] 文本格式的参数不用引号，而在用构造函数时的参数需要引号。如：/ab+c/i new RegExp("ab+c","i")是实现一样的功能。在构造函数中，一些特殊字符需要进行转意(在特殊字符前加"\")。如：re = new RegExp("\\w+")
正则表达式中的特殊字符
字符 含意
\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。
-或-
对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。
^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"
$ 匹配一个输入或一行的结尾，/a$/匹配"An a"，而不匹配"an A"
* 匹配前面元字符0次或多次，/ba*/将匹配b,ba,baa,baaa
+ 匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa
? 匹配前面元字符0次或1次，/ba*/将匹配b,ba
(x) 匹配x保存x在名为$1...$9的变量中
x|y 匹配x或y
{n} 精确匹配n次
{n,} 匹配n次以上
{n,m} 匹配n-m次
[xyz] 字符集(character set)，匹配这个集合中的任一一个字符(或元字符)
[^xyz] 不匹配这个集合中的任何一个字符
[\b] 匹配一个退格符
\b 匹配一个单词的边界
\B 匹配一个单词的非边界
\cX 这儿，X是一个控制符，/\cM/匹配Ctrl-M
\d 匹配一个字数字符，/\d/ = /[0-9]/
\D 匹配一个非字数字符，/\D/ = /[^0-9]/
\n 匹配一个换行符
\r 匹配一个回车符
\s 匹配一个空白字符，包括\n,\r,\f,\t,\v等
\S 匹配一个非空白字符，等于/[^\n\f\r\t\v]/
\t 匹配一个制表符
\v 匹配一个重直制表符
\w 匹配一个可以组成单词的字符(alphanumeric，这是我的意译，含数字)，包括下划线，如[\w]匹配"$5.98"中的5，等于[a-zA-Z0-9]
\W 匹配一个不可以组成单词的字符，如[\W]匹配"$5.98"中的$，等于[^a-zA-Z0-9]。
说了这么多了，我们来看一些正则表达式的实际应用的例子：
E-mail地址验证:
function test_email(strEmail) {
var myReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;
if(myReg.test(strEmail)) return true;
return false;
}
HTML代码的屏蔽
function mask_HTMLCode(strInput) {
var myReg = /<(\w+)>/;
return strInput.replace(myReg, "<$1>");
}
正则表达式对象的属性及方法
预定义的正则表达式拥有有以下静态属性：input, multiline, lastMatch, lastParen, leftContext, rightContext和$1到$9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字，并且，这两个名字指向同一个值。(JavaScript模拟perl的正则表达式)
正则表达式对象的属性 属性 含义
$1...$9 如果它(们)存在，是匹配到的子串
$_ 参见input
$* 参见multiline
$& 参见lastMatch
$+ 参见lastParen
$` 参见leftContext
$’ 参见rightContext
constructor 创建一个对象的一个特殊的函数原型
global 是否在整个串中匹配(bool型)
ignoreCase 匹配时是否忽略大小写(bool型)
input 被匹配的串
lastIndex 最后一次匹配的索引
lastParen 最后一个括号括起来的子串
leftContext 最近一次匹配以左的子串
multiline 是否进行多行匹配(bool型)
prototype 允许附加属性给对象
rightContext 最近一次匹配以右的子串
source 正则表达式模式
lastIndex 最后一次匹配的索引
正则表达式对象的方法
方法 含义
compile 正则表达式比较
exec 执行查找
test 进行匹配
toSource 返回特定对象的定义(literal representing)，其值可用来创建一个新的对象。重载Object.toSource方法得到的。
toString 返回特定对象的串。重载Object.toString方法得到的。
valueOf 返回特定对象的原始值。重载Object.valueOf方法得到
例子
<script language = "JavaScript">
var myReg = /(\w+)\s(\w+)/;
var str = "John Smith";
var newstr = str.replace(myReg, "$2, $1");
document.write(newstr);
</script>
将输出"Smith, John" |
 如何用鼠标控制浏览器状态栏
<a href="tpage.htm" onMouseOver="window.status='Just another stupid link...'; return true">
在这儿你只要在传统 <a> 的标签中加入 onMouseOver 的 method 就可达成你要的效果了。这里的 window.status 是用来让你可以在 WWW 浏览器的状态列上显示一些讯息用的。
|
|