/**/ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* 客户端表单通用验证CheckForm(oForm)
*
* 功能:通用验证所有的表单元素.
*
* 使用:
* <script language="JavaScript" src="Check.js" type="text/JavaScript"></script>
* <form name="form1" onsubmit="return CheckForm(this)">
* <input type="text" name="id" check="^\S+$" warning="id不能为空,且不能含有空格">
* <input type="submit">
* </form>
*
* 对text,password,hidden,file,textarea,select,radio,checkbox进行合法性验证
*
* 正则表达式示例:
* ^\S+$ 不能为空,且不能含有空格
* \S{6,} 长度6位以上
* ^\d+$ 数字
* ^\d+(\.\d+)?$ 数字,允许小数点
* (.*)(\.jpg|\.bmp)$ 文件格式为jpg和bmp
* ^\d{4}\-\d{1,2}-\d{1,2}$
* ^(19|20)\d\d\-(0|1)\d\-(0|1|2|3)\d$
* 日期格式2005-5-8
* ^0$ 必选一个
* ^0{2,}$ 选择二个或以上
* ^[\s|\S]{20,}$ 不能为空,且不少于20字
* ^[^\d\-_][\w\-]*[^\-_]$ 用户名格式
* ^[\u4E00-\u9FA5]*$ 汉字
* ^[^\d\-_][\w\-]*[^\-_]@[^\-][a-zA-Z\d\-]*[^\-](\.[^\-][a-zA-Z\d\-]*[^\-])*\.[a-zA-Z]{3}(\.[a-zA-Z]{2})?$
* 电子信箱
*
* 正则表达式内容:
* 字符 说明
* \ 将下一字符标记为特殊字符、文本、反向引用或八进制转义符。例如，“n”匹配字符“n”。“\n”匹配换行符。序列“\\”匹配“\”，“\(”匹配“(”。
* ^ 匹配输入字符串开始的位置。如果设置了 RegExp 对象的 Multiline 属性，^ 还会与“\n”或“\r”之后的位置匹配。
* $ 匹配输入字符串结尾的位置。如果设置了 RegExp 对象的 Multiline 属性，$ 还会与“\n”或“\r”之前的位置匹配。
* * 零次或多次匹配前面的字符或子表达式。例如，zo* 匹配“z”和“zoo”。* 等效于 {0,}。
* + 一次或多次匹配前面的字符或子表达式。例如，“zo+”与“zo”和“zoo”匹配，但与“z”不匹配。+ 等效于 {1,}。
* ? 零次或一次匹配前面的字符或子表达式。例如，“do(es)?”匹配“do”或“does”中的“do”。? 等效于 {0,1}。
* {n} n 是非负整数。正好匹配 n 次。例如，“o{2}”与“Bob”中的“o”不匹配，但与“food”中的两个“o”匹配。
* {n,} n 是非负整数。至少匹配 n 次。例如，“o{2,}”不匹配“Bob”中的“o”，而匹配“foooood”中的所有 o。'o{1,}' 等效于 'o+'。'o{0,}' 等效于 'o*'。
* {n,m} m 和 n 是非负整数，其中 n <= m。至少匹配 n 次，至多匹配 m 次。例如，“o{1,3}”匹配“fooooood”中的头三个 o。'o{0,1}' 等效于 'o?'。注意：您不能将空格插入逗号和数字之间。
* ? 当此字符紧随任何其他限定符（*、+、?、{n}、{n,}、{n,m}）之后时，匹配模式是“非贪心的”。“非贪心的”模式匹配搜索到的、尽可能短的字符串，而默认的“贪心的”模式匹配搜索到的、尽可能长的字符串。例如，在字符串“oooo”中，“o+?”只匹配单个“o”，而“o+”匹配所有“o”。
* . 匹配除“\n”之外的任何单个字符。若要匹配包括“\n”在内的任意字符，请使用诸如“[\s\S]”之类的模式。
* (pattern) 匹配 pattern 并捕获该匹配的子表达式。可以使用 $0
$9 属性从结果“匹配”集合中检索捕获的匹配。若要匹配括号字符 ( )，请使用“\(”或者“\)”。
* (?:pattern) 匹配 pattern 但不捕获该匹配的子表达式，即它是一个非捕获匹配，不存储供以后使用的匹配。这对于用“或”字符 (|) 组合模式部件的情况很有用。例如，与“industry|industries”相比，“industr(?:y| ies)”是一个更加经济的表达式。
* (?=pattern) 执行正向预测先行搜索的子表达式，该表达式匹配处于匹配 pattern 的字符串的起始点的字符串。它是一个非捕获匹配，即不能捕获供以后使用的匹配。例如，“Windows (?=95| 98| NT| 2000)”与“Windows 2000”中的“Windows”匹配，但不与“Windows 3.1”中的“Windows”匹配。预测先行不占用字符，即发生匹配后，下一匹配的搜索紧随上一匹配之后，而不是在组成预测先行的字符后。
* (?!pattern) 执行反向预测先行搜索的子表达式，该表达式匹配不处于匹配 pattern 的字符串的起始点的搜索字符串。它是一个非捕获匹配，即不能捕获供以后使用的匹配。例如，“Windows (?!95| 98| NT| 2000)”与“Windows 3.1”中的“Windows”匹配，但不与“Windows 2000”中的“Windows”匹配。预测先行不占用字符，即发生匹配后，下一匹配的搜索紧随上一匹配之后，而不是在组成预测先行的字符后。
* x| y 与 x 或 y 匹配。例如，“z| food”与“z”或“food”匹配。“(z| f)ood”与“zood”或“food”匹配。
* [xyz] 字符集。匹配包含的任一字符。例如，“[abc]”匹配“plain”中的“a”。
* [^xyz] 反向字符集。匹配未包含的任何字符。例如，“[^abc]”匹配“plain”中的“p”。
* [a-z] 字符范围。匹配指定范围内的任何字符。例如，“[a-z]”匹配“a”到“z”范围内的任何小写字母。
* [^a-z] 反向范围字符。匹配不在指定的范围内的任何字符。例如，“[^a-z]”匹配任何不在“a”到“z”范围内的任何字符。
* \b 匹配一个字边界，即字与空格间的位置。例如，“er\b”匹配“never”中的“er”，但不匹配“verb”中的“er”。
* \B 非字边界匹配。“er\B”匹配“verb”中的“er”，但不匹配“never”中的“er”。
* \cx 匹配由 x 指示的控制字符。例如，\cM 匹配一个 Control-M 或回车符。x 的值必须在 A-Z 或 a-z 之间。如果不是这样，则假定 c 就是“c”字符本身。
* \d 数字字符匹配。等效于 [0-9]。
* \D 非数字字符匹配。等效于 [^0-9]。
* \f 换页符匹配。等效于 \x0c 和 \cL。
* \n 换行符匹配。等效于 \x0a 和 \cJ。
* \r 匹配一个回车符。等效于 \x0d 和 \cM。
* \s 匹配任何空白字符，包括空格、制表符、换页符等。与 [ \f\n\r\t\v] 等效。
* \S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。
* \t 制表符匹配。与 \x09 和 \cI 等效。
* \v 垂直制表符匹配。与 \x0b 和 \cK 等效。
* \w 匹配任何字类字符，包括下划线。与“[A-Za-z0-9_]”等效。
* \W 任何非字字符匹配。与“[^A-Za-z0-9_]”等效。
* \xn 匹配 n，此处的 n 是一个十六进制转义码。十六进制转义码必须正好是两位数长。例如，“\x41”匹配“A”。“\x041”与“\x04”&“1”等效。允许在正则表达式中使用 ASCII 代码。
* \num 匹配 num，此处的 num 是一个正整数。到捕获匹配的反向引用。例如，“(.)\1”匹配两个连续的相同字符。
* \n 标识一个八进制转义码或反向引用。如果 \n 前面至少有 n 个捕获子表达式，那么 n 是反向引用。否则，如果 n 是八进制数 (0-7)，那么 n 是八进制转义码。
* \nm 标识一个八进制转义码或反向引用。如果 \nm 前面至少有 nm 个捕获子表达式，那么 nm 是反向引用。如果 \nm 前面至少有 n 个捕获，那么 n 是反向引用，后面跟 m。如果前面的条件均不存在，那么当 n 和 m 是八进制数 (0-7) 时，\nm 匹配八进制转义码 nm。
* \nml 当 n 是八进制数 (0-3)，m 和 l 是八进制数 (0-7) 时，匹配八进制转义码 nml。
* \un 匹配 n，其中 n 是以四位十六进制数表示的 Unicode 字符。例如，\u00A9 匹配版权符号 (\u00A9)。
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
// 主函数
function CheckForm(oForm)
{
var els = oForm.elements;
// 遍历所有表元素
for ( var i = 0 ;i < els.length;i ++ )
{
// 是否需要验证
if (els[i].check)
{
// 取得验证的正则字符串
var sReg = els[i].check;
// 取得表单的值,用通用取值函数
var sVal = GetValue(els[i]);
// 字符串->正则表达式,不区分大小写
var reg = new RegExp(sReg, " i " );
if ( ! reg.test(sVal))
{
// 验证不通过,弹出提示warning
alert(els[i].warning);
// 该表单元素取得焦点,用通用返回函数
GoBack(els[i])
return false ;
}
}
}
}
// 通用取值函数分三类进行取值
// (1)文本输入框,直接取值el.value
// (2)单多选,遍历所有选项,取得被选中的个数,返回结果"00"表示选中两个
// (3)单多下拉菜单,遍历所有选项,取得被选中的个数,返回结果"0"表示选中一个
function GetValue(el)
{
// 取得表单元素的类型
var sType = el.type;
switch (sType)
{
case " text " :
case " hidden " :
case " password " :
case " file " :
case " textarea " : return el.value;
case " checkbox " :
case " radio " : return GetValueChoose(el);
case " select-one " :
case " select-multiple " : return GetValueSel(el);
}
// 取得radio,checkbox的选中数,用"0"来表示选中的个数,我们写正则的时候就可以通过0{1,}来表示选中个数
function GetValueChoose(el)
{
var sValue = "" ;
// 取得第一个元素的name,搜索这个元素组
var tmpels = document.getElementsByName(el.name);
for ( var i = 0 ;i < tmpels.length;i ++ )
{
if (tmpels[i].checked)
{
sValue += " 0 " ;
}
}
return sValue;
}
// 取得select的选中数,用"0"来表示选中的个数,我们写正则的时候就可以通过0{1,}来表示选中个数
function GetValueSel(el)
{
var sValue = "" ;
for ( var i = 0 ;i < el.options.length;i ++ )
{
// 单选下拉框提示选项设置为value=""
if (el.options[i].selected && el.options[i].value != "" )
{
sValue += " 0 " ;
}
}
return sValue;
}
}
// 通用返回函数,验证没通过返回的效果.分三类进行取值
// (1)文本输入框,光标定位在文本输入框的末尾
// (2)单多选,第一选项取得焦点
// (3)单多下拉菜单,取得焦点
function GoBack(el)
{
// 取得表单元素的类型
var sType = el.type;
switch (sType)
{
case " text " :
case " hidden " :
case " password " :
case " file " :
case " textarea " : el.focus(); var rng = el.createTextRange(); rng.collapse( false ); rng.select();
case " checkbox " :
case " radio " : var els = document.getElementsByName(el.name);els[ 0 ].focus();
case " select-one " :
case " select-multiple " :el.focus();
}
}
posted on 2008-03-14 11:35
Crying 阅读(723)
评论(0) 编辑 收藏 所属分类:
JavaScript和CSS