blogjava's web log

blogjava's web log
...

客户端表单通用验证CheckForm

/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
*                    客户端表单通用验证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 2006-07-14 17:27 record java and net 阅读(1321) 评论(2)  编辑  收藏 所属分类: xml and html 、AJAX

评论

# re: 客户端表单通用验证CheckForm[未登录] 2013-04-22 15:30 点点滴滴

d'd'd'd  回复  更多评论   

# re: 客户端表单通用验证CheckForm 2013-11-08 13:55 45634

3454354  回复  更多评论   


只有注册用户登录后才能发表评论。
网站导航:
 

导航

常用链接

留言簿(44)

新闻档案

2.动态语言

3.工具箱

9.文档教程

友情链接

搜索

最新评论