使用JAVASCRIPT进行数据完整性验证

页面输入完整性是编写BS经常遇到的问题，如果那里需要就到那里写，那可是要花不少的时候，并且造成不必要的浪费，下面是一个通过校验脚本，使用非常方便，通过传入FORM名就可以进行校验，通过在页面控件中增加用户本身自定义属性，进行方便的验证，包括数字的输入、密码的输入、EMAIL的输入，用户本身可以进行无限的扩展，使用如下，在页面中加入如下代码：

  1. <form name="form1">
  2.     <input type="text" name="t1" req="0" size="20"><br>
  3.     <input type="text" name="t2" req="0" size="20"><br>
  4.     <input type="text" name="t3" req="0" size="20"><br>
  5.     <input type="text" name="t4" req="1" size="20"><br>
  6.     <input type="text" name="t5" req="1" customtype="email" displayname="电子邮件" size="20"><br>
  7.     <input type="button" name="bt" value="check" onclick="checkForm(document.form1)">
  8. </form>

并在页头加以包含以下代码的JS脚本：

  1. var customtypes = new Array("num","plus","int","email","link","password","name","date","money","date8");
  2. var custommessage = new Array(
  3.     "不是一个有效的数字。",
  4.     "不是一个有效的正整数。",
  5.     "不是一个有效的整数。",
  6.     "不是一个有效的电子邮件地址。",
  7.     "不是一个有效的链接，请确认输入了完整的地址，例如http://www.cnlist.com。",
  8.     "不是一个有效的密码，密码只能使用字母、下划线与数字，不能包含符号与空格。",
  9.     "不是一个有效的名称，名称只能使用字母、下划线与数字，不能包含符号与空格。",
  10.     "不是一个有效的日期。",
  11.     "不是一个有效的money格式。",
  12.     "不是一个有效的8位日期，如：20050801。"
  13. );
  14. function checkForm(oForm){
  15.   window.event.returnValue = false;
  17.   for (var i=0;i<oForm.all.tags("input").length;i++){
  18.     var ele = oForm.all.tags("input")[i];
  19.     var ct = ele.getAttribute("customtype");
  20.     var req = ele.getAttribute("req");
  21.     var dn = ele.getAttribute("displayname");
  22.     if (null == dn){
  23.       dn = ele.name;
  24.     }
  25.     dn = "“" + dn + "”";
  26.     
  27.     if(ele.value!=null){
  28.         ele.value = ele.value.replace(/%/g, "％");
  29.     }
  31.     var nr = new String(ele.value);
  32.     if ("1" == req){
  33.       if (nr.length < 1){
  34.         alert(dn + "不可以省略，请重新输入。");
  35.         //ele.focus();
  36.         focusIt(ele);
  37.         return false;
  38.       }
  39.     }
  40.     if((''==req || '0' ==req || null==req) && (ele.value == "")) continue;//不必要且没有输入时，下一个
  41.     
  42.     if ((("" == req)||(null == ct)) &&(ele.value == "")) continue;
  44.     //检查自定义类型
  45.     //纠正自定义类型在req不等于1时仍要求输入的bug
  46.     if (("1" == req) || (nr.length > 0)) {
  47.     for (var j=0;j<customtypes.length;j++){
  48.       if (ct == customtypes[j]){
  49.           if(ct=="money"){
  50.               eval("var rtn = check_" + customtypes[j] + "(ele);");
  51.           }else{
  52.               eval("var rtn = check_" + customtypes[j] + "(ele.value);");
  53.           }
  54.         
  55.         if (!rtn){
  56.           alert(dn + custommessage[j]);
  57.           //ele.focus();
  58.           focusIt(ele);
  59.           return false;
  60.         }
  61.       }
  62.     }
  63.   }
  64.   }
  65.   window.event.returnValue = true;
  66.   return true;
  67. }
  68. function check_money(s) {
  69.     s.value=s.value.replace(/,/g, "")
  70.     var re = /^(/+|-)?/d+(./d+)?$/i;
  71.     return re.test(s.value);
  72. }
  74. function check_email(s){
  75.   var re = /^/w+@(/w)+((.(/w)+)+)?$/i;
  76.   return re.test(s);
  77. }
  79. function check_num(s){
  80.   var re = /^(/+|-)?/d+(./d+)?$/i;
  81.   return re.test(s);
  82. }
  84. function check_int(s){
  85.   var re = /^(/+|-)?/d+$/i;
  86.   return re.test(s);
  87. }
  89. function check_plus(s) {
  90.   var re = /^[1-9]/d*$/i
  91.   return re.test(s);
  92. }
  94. function check_link(s){
  95.   var re = /^(http|mailto|ftp|https|telnet)://{2}/i;
  96.   return re.test(s);
  97. }
  99. function check_password(s){
  100.   var re = /^/w+$/i;
  101.   return re.test(s);
  102. }
  104. function check_name(s){
  105.   return check_password(s);
  106. }
  108. function check_date8(DateString){
  109.    return isDateEight(DateString);
  110. }
  111. //日期检测
  112. function check_date(DateString){
  113.   if (DateString==null) return false;
  114.   if (Dilimeter=='' || Dilimeter==null)
  115.   var Dilimeter = '-';
  116.     if (Dilimeter.indexOf("/")>0)
  117.   {
  118.         Dilimeter="/";
  119.     }
  120.   var tempy='';
  121.   var tempm='';
  122.   var tempd='';
  123.     var tempH="";
  124.     var tempM="";
  125.     var tempS="";
  126.     var tempymd="";
  127.     var temphms="";
  128.   var tempArray;
  129.   if (DateString.length<8 && DateString.length>19) {
  130.       return false;
  131.     }
  132.     if (DateString.indexOf(" ")>0)
  133.     {
  134.         temp=DateString.split(" ");
  135.         tempymd=temp[0];
  136.         temphms=temp[1];
  137.     }
  138.     else
  139.     {
  140.         tempymd=DateString;
  141.         temphms="00:00:00";
  142.     }
  143.   tempArray = tempymd.split(Dilimeter);
  144.   if (tempArray.length!=3) {
  145.       return false;
  146.     }
  147.   if (tempArray[0].length==4)
  148.   {
  149.     tempy = tempArray[0];
  150.     tempd = tempArray[2];
  151.         tempm = tempArray[1];
  152.   }
  153.   else
  154.   {
  155.     tempy = tempArray[2];
  156.     tempd = tempArray[1];
  157.         tempm = tempArray[0];
  158.   }
  159.     tempArray = temphms.split(":");
  160.     if (tempArray.length>3  || tempArray.length<2) {
  161.         return false;
  162.     }
  163.     switch (tempArray.length) {
  164.         case 2:
  165.             tempH=tempArray[0];
  166.             tempM=tempArray[1];
  167.             tempS="00";
  168.             break;
  169.         case 3:
  170.             tempH=tempArray[0];
  171.             tempM=tempArray[1];
  172.             tempS=tempArray[2];
  173.             break;
  174.     }
  175.     var tDateString = tempy + '/'+tempm + '/'+tempd+' '+tempH+":"+tempM+":"+tempS;
  176.     var tempDate = new Date(tDateString);
  177.     if (isNaN(tempDate)) {
  178.         return false;
  179.     }
  180.   if ((tempDate.getYear().toString()==tempy || tempDate.getYear()==parseInt(tempy,10)-1900) 
  181.     && (tempDate.getMonth()==parseInt(tempm,10)-1) 
  182.     && (tempDate.getDate()==parseInt(tempd,10)) 
  183.     && (tempDate.getHours().toString()==parseInt(tempH,10)) 
  184.     && (tempDate.getMinutes().toString()==parseInt(tempM,10)) 
  185.     && (tempDate.getSeconds().toString()==parseInt(tempS,10)))
  186.   {
  187.     return true;
  188.   }
  189.   else
  190.   {
  191.         alert('tDateString='+tDateString);
  192.     return false;
  193.   }
  194. }
  195. //激活输入组件的焦点
  196. function focusIt(obj){
  197.   try{
  198.     var ele = mtb;
  199.   }catch(e){
  200.         try{
  201.                 obj.focus();
  202.             return;
  203.             }catch(e){
  204.             return;
  205.             }
  206.   }
  207.   for (var i=0;i<ele.length;i++){
  208.     swH(i);
  209.         try{
  210.         obj.focus();
  211.         }catch(e){
  212.         continue;
  213.         }
  214.         break;
  215.   }
  216.   try{
  217.     obj.focus();
  218.   }catch(e){
  219.     return false;
  220.   }return true;
  221. }

 

posted @ 2014-08-18 08:55  super1234  阅读(979)  评论(0)  编辑  收藏  举报