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 阅读(1325) 评论(2)  编辑  收藏 所属分类: xml and htmlAJAX

评论

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

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

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

3454354  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 

导航

常用链接

留言簿(44)

新闻档案

2.动态语言

3.工具箱

9.文档教程

友情链接

搜索

最新评论