现在的位置: 首页 > 综合 > 正文

shawl.qiu javascript 表单验证类/Validator Class v1.2

2012年03月31日 ⁄ 综合 ⁄ 共 14400字 ⁄ 字号 小 中 大 ⁄ 评论关闭

 shawl.qiu javascript 表单验证类/Validator Class v1.2

说明:
本类作用是验证表单输入数据是否符合要求.

特点:
从 form method 设置, 比如, 你要使用POST提交, 那就在FORM 设置成 GET,
调用时设置为:
  valid.Form.Method.Unvalid = "get";
  valid.Form.Method.Valid = "post";

未验证时METHOD 是 GET, 验证后, 如果合法, 则是POST.
还有很多调用功能, 不一一介绍, 看调用演示.

PS: 最近阴雨天气整得鄙人精神全无....应该会较少写博.
不过最近倒是升级以前的N多旧版本至2.0, 至于发布不发布, 尚是未知数.
因那些东西都比较成熟了, 需要考虑到利益问题.

目录:
1. 调用演示
2. 类 Validator 及使用演示 (x.htm)

shawl.qiu
2007-06-12
http://blog.csdn.net/btbtd

内容:
1. 调用演示

  2. shawl.qiu framework javascript client-side
  4. Class Validator
  5. ---/------------------------------------------------------------------------------
  7. Version: 1.2
  10. 目录:
  12. 1. 调用
  13. 1.1 调用 1
  14. 1.2 调用 2
  16. ---/---------------------------------------
  18. 内容:
  21. 1. 调用
  22. 1.1 调用 1
  23. <script type="text/javascript">
  24. //<![CDATA[
  25.  im.go('Form.Validator_v1-2');
  26.  //im.help('Form.TextFile.Validator', true);
  27. //]]>
  28. </script>
  29. <script type="text/javascript">
  30.  var valid=new Validator();
  31.   
  32.   valid.Form.Id = 'SubmiteFormId';
  33.   valid.Form.Action='';
  34.   
  35.   //valid.Form.Message.Onsubmit = '现在提交数据?';
  36.   //valid.Form.Message.Onreset = '现在重置数据?';
  37.   
  38.   valid.Form.Method.Unvalid = "get";
  39.   valid.Form.Method.Valid = "post";
  40.   
  41.   valid.Check.NoEmpty = 'mrpname##大名不能为空!,mrpsubject##主题不能为空!'+
  42.    ',mrptext##内容不能为空!,mrpemail##电子邮件不能为空!!';
  43.    
  44.   valid.Check.MinLength = 'mrppwd:6##密码不能小于六位!,checkeode:4##验证码不能小于4位!';
  45.   valid.Check.MaxLength = 'mrppwd:16##密码不能大于十六位!,checkeode:4##验证码不能大于4位';
  46.   
  47.   valid.Check.Email = "mrpemail##电子邮件格式不正确!,mrpmsn##MSN格式不正确!";
  48.   valid.Check.Url = "mrphomepage##请输入正确的URL地址!";
  49.   valid.Check.Number = "mrpqq##QQ号必须为数字!,checkeode##验证码必须为数字!";
  50.   valid.Check.Identical = "mrppwd:mrprepwd##密码与确认密码不同!";
  51.   
  52.   valid.go();
  53.   
  54.   valid=null;
  55. //]]>
  56. </script>
  58. 1.2 调用 2
  59. <script type="text/javascript">
  60.  var valid=new Validator();
  61.   
  62.   valid.Form.Id = 'SubmiteFormId';
  63.   valid.Form.Action='';
  64.   
  65.   //valid.Form.Message.Onsubmit = '现在提交数据?';
  66.   //valid.Form.Message.Onreset = '现在重置数据?';
  67.   
  68.   valid.Form.Method.Unvalid = "get";
  69.   valid.Form.Method.Valid = "post";
  70.   
  71.   valid.Check.NoEmpty = 'mrpname##大名不能为空!,mrpsubject##主题不能为空!'+
  72.    ',mrptext##内容不能为空!,mrpemail##电子邮件不能为空!!';
  73.    
  74.   valid.Check.MinLength = 'mrppwd:6##密码不能小于六位!,checkeode:4##验证码不能小于4位!';
  75.   valid.Check.MaxLength = 'mrppwd:16##密码不能大于十六位!,checkeode:4##验证码不能大于4位';
  76.   
  77.   valid.Check.Email = "mrpemail##电子邮件格式不正确!,mrpmsn##MSN格式不正确!";
  78.   valid.Check.Url = "mrphomepage##请输入正确的URL地址!";
  79.   valid.Check.Number = "mrpqq##QQ号必须为数字!,checkeode##验证码必须为数字!";
  80.   valid.Check.Identical = "mrppwd:mrprepwd##密码与确认密码不同!";
  81.   
  82.   valid.go();
  83.   
  84.   valid=null;
  85. //]]>
  86. </script>

2. 类 Validator 及使用演示 (x.htm)

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <!-- DW6 -->
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>shawl.qiu template</title>
  7. <style type="text/css">
  8. /* <![CDATA[ */
  10. /* ]]> */
  11. </style>
  12. <script type="text/javascript">
  13. //<![CDATA[
  14.     if (navigator.appName=="Microsoft Internet Explorer") {
  15.         //最大化窗口
  16.         self.moveTo(-5,-5)
  17.         self.resizeTo(screen.availWidth +8,screen.availHeight+8)
  18.         //这个脚本定义的宽度其实比原窗口还要大那么一点.
  19.     }
  20. //]]>
  21. </script>
  22. <script type="text/javascript">
  23. //<![CDATA[
  24.  onload = 
  25.   function()
  26.   {
  27.   
  28.   }
  29.         
  30. // shawl.qiu JavaScript Document
  31.  /*-----------------------------------------------------------------------------------*/
  32.   * shawl.qiu javascript 表单验证类 v1.2
  33.  /*-----------------------------------------------------------------------------------*/
  34.  //---------------------------------begin class Validator()-------------------------------//
  35.  function Validator()
  36.  { // shawl.qiu code
  37.   //------------------------------------begin public variable
  38.   //---------------begin about 
  39.   this.au = {}
  40.   this.au.Subject = "shawl.qiu javascript 表单验证类";
  41.   this.au.Version = "v1.2";
  42.   this.au.Name = "shawl.qiu";
  43.   this.au.Email = "shawl.qiu@gmail.com";
  44.   this.au.Blog = "http://blog.csdn.net/btbtd";
  45.   this.au.CreatedDate = "2006-12-31";
  46.   this.au.Update = {};
  47.   this.au.Update["1"] = "2007-6-2 v1.1";
  48.   this.au.Update["2"] = "2007-6-5 v1.2";
  49.   //---------------end about
  50.   this.Form =  {}
  51.   this.Form.Id = "";
  52.   this.Form.Action = "";
  53.   
  54.   this.Form.Message = {};
  55.   this.Form.Message.Onsubmit = "";
  56.   this.Form.Message.Onreset = "";
  57.   
  58.   this.Form.Method = {}
  59.   this.Form.Method.Unvalid = "";
  60.   this.Form.Method.Valid = "";
  61.     
  62.   this.Check = {}
  63.   
  64.   this.Check.NoEmpty = "";
  65.   
  66.   this.Check.MinLength = "";
  67.   this.Check.MaxLength = "";
  68.   
  69.   this.Check.Email = "";
  70.   this.Check.Url = "";
  71.   this.Check.Number = "";
  72.   this.Check.Username = "";
  73.   
  74.   this.Check.Identical = ""; // item1:item2##msg,item1:item2:item3:item4...##msg
  75.   
  76.   this.Check.Tag = {}
  77.   this.Check.Tag.Fields = "";
  78.   this.Check.Tag.Delimiter = ",";
  79.   this.Check.Tag.Trim = true;
  80.   
  81.   this.Func = {}
  82.   this.Func.ClearHtml = "";
  83.   this.Func.ClearRepeats = "";
  84.   this.Func.ClearTextBoxSubmit = true;
  85.   
  86.   this.Func.Encode = {}
  87.   this.Func.Encode.Component = "";
  89.   this.Delimiter = {}
  90.   this.Delimiter.Message = "##";
  91.   
  92.   //------------------------------------end public variable
  93.   this.go=
  94.    function()
  95.    {
  96.     if(Tl.Form.Id=='')alert('form id must be have a value!');
  97.     
  98.     var oForm=document.getElementById(Tl.Form.Id);
  99.  
  100.     if(oForm==null)
  101.     {
  102.      alert('could not get the form element!');
  103.      return false;
  104.     } // end for
  105.     
  106.     pForm = oForm;
  107.     
  108.     if(Tl.Form.Method.Unvalid!="") oForm.method = Tl.Form.Method.Unvalid;
  109.     
  110.     if(Tl.Func.ClearTextBoxSubmit)
  111.     {
  112.      fClearTextboxSubmite(oForm);
  113.     }
  114.      
  115.     var oTemp=oForm.onreset;
  116.     
  117.     oForm.onreset=
  118.      function()
  119.      {
  120.       var bReset = false;
  121.       try{bReset = oTemp();}catch(e){}
  122.       if(Tl.Form.Message.Onreset!='')
  123.       {
  124.        return confirm(Tl.Form.Message.Onreset);
  125.       }
  126.      } // end onreset
  127.      
  128.      var oTemp_=oForm.onsubmit;
  129.      oForm.onsubmit=
  130.       function()
  131.       {
  132.        if(Tl.Form.Message.Onsubmit!='')
  133.        {
  134.         var bReq=confirm(Tl.Form.Message.Onsubmit);
  135.         if(!bReq)return false;
  136.        }
  137.       
  138.       var tlForm=this;
  139.       var arTemp=[];
  140.       var bBln=true;
  141.       
  142.       for(var i=0, j=this.length; i<j; i++)
  143.       {
  144.        if(this[i].name=='')continue;
  145.        
  146.        this[i].value=fStrTrim(this[i].value);
  147.        if(this[i].name!='')
  148.        {
  149.         
  150.         var re=new RegExp('//b'+this[i].name+'//b', 'i'); 
  151.         
  152.         var ReGetMsg = 
  153.          new RegExp("^.*?(//b"+this[i].name+")//b"+Tl.Delimiter.Message+"(.*?)(/,|$).*", "i");
  154.         
  155.         //  valid.Check.MaxLength='checkcode:4##验证码不能大于四个字符!'
  156.         var ReGetMsg1 = 
  157.          new RegExp("^.*?(//b"+this[i].name+")//b/://d+"+Tl.Delimiter.Message+"(.*?)(/,|$).*", "i");
  158.         
  159.         if(re.test(Tl.Check.NoEmpty))
  160.         {
  161.          if(this[i].value=='')
  162.          {
  163.           bBln=false;
  164.           if(ReGetMsg.test(Tl.Check.NoEmpty))
  165.           {
  166.            var Msg = Tl.Check.NoEmpty.replace(ReGetMsg, "$2");
  167.            arTemp[arTemp.length] = Msg.fontcolor("red");
  168.           }
  169.           else
  170.           {
  171.            arTemp[arTemp.length]=this[i].name.bold().fontcolor('red')+': could not be empty!'
  172.           }
  173.          } // end if 2 1
  174.         } // end if 2
  175.          
  176.         if(re.test(Tl.Check.MinLength)&&this[i].value!="")
  177.         {
  178.          var re_=new RegExp('//b'+this[i].name+'/:(//d+)','i');
  179.         
  180.          Tl.Check.MinLength.replace
  181.          (
  182.           re_,
  183.           function($0,$1)
  184.           {
  185.            $1-=0;
  186.            if(tlForm[i].value.length<$1)
  187.            {
  188.             bBln=false;
  189.             if(ReGetMsg1.test(Tl.Check.MinLength))
  190.             {
  191.              var Msg = Tl.Check.MinLength.replace(ReGetMsg1, "$2");
  192.              arTemp[arTemp.length] = Msg.fontcolor("red");
  193.             }
  194.             else
  195.             {
  196.             arTemp[arTemp.length]=tlForm[i].name.bold().fontcolor('red')+
  197.              ': length must be >= '+$1+'.'
  198.             }
  199.            } // end if 2 1
  200.           }
  201.          );
  202.         } // end if 2
  203.         
  204.         if(re.test(Tl.Check.MaxLength)&&this[i].value!="")
  205.         {
  206.          var re_=new RegExp('//b'+this[i].name+'/:(//d+)','i');
  207.          Tl.Check.MaxLength.replace
  208.          (
  209.           re_,
  210.           function($0,$1)
  211.           {
  212.            $1-=0;
  213.            if(tlForm[i].value.length>$1)
  214.            {
  215.             bBln=false;
  216.             if(ReGetMsg1.test(Tl.Check.MaxLength))
  217.             {
  218.              var Msg = Tl.Check.MaxLength.replace(ReGetMsg1, "$2");
  219.              arTemp[arTemp.length] = Msg.fontcolor("red");
  220.             }
  221.             else
  222.             {
  223.             arTemp[arTemp.length]=tlForm[i].name.bold().fontcolor('red')+
  224.              ': length must be >= '+$1+'.'
  225.             }
  226.            } // end if 2 1
  227.           }
  228.          );
  229.         } // end if 2
  230.         
  231.         if(re.test(Tl.Check.Email)&&this[i].value!="")
  232.         {
  233.          var re_=/^/w+[.+/-]*?[/w]*?/@[/w]+([-.]/w+)*/./w+([-.]/w+)*$/i;
  234.          if(!re_.test(this[i].value))
  235.          {
  236.           bBln=false; 
  237.           if(ReGetMsg.test(Tl.Check.Email))
  238.           {
  239.            var Msg = Tl.Check.Email.replace(ReGetMsg, "$2");
  240.            arTemp[arTemp.length] = Msg.fontcolor("red");
  241.           }
  242.           else
  243.           {
  244.            arTemp[arTemp.length]=tlForm[i].name.bold().fontcolor('red')
  245.             +': invalid e-mail address ('+tlForm[i].value.fontcolor('red')+'). '+
  246.             '<br/>correct e-mail sample: shawl.qiu@gmail.com';
  247.           }
  248.          }
  249.         } // end if 2
  250.         
  251.         if(re.test(Tl.Func.Encode.Component)&&Tl.Func.Encode.Component!="")
  252.         {
  253.          if(this[i].value!="")
  254.          {
  255.           this[i].value = encodeURIComponent(this[i].value);
  256.          }
  257.         } // end if 2
  258.         
  259.         if(re.test(Tl.Check.Url)&&this[i].value!="")
  260.         {
  261.          var re_=/^(f|ht)t(p|ps)/:////[/w/-]+?/.[/S]+$/i;
  262.          if(!re_.test(this[i].value))
  263.          {
  264.           bBln=false;
  265.           
  266.           if(ReGetMsg.test(Tl.Check.Url))
  267.           {
  268.            var Msg = Tl.Check.Url.replace(ReGetMsg, "$2");
  269.            arTemp[arTemp.length] = Msg.fontcolor("red");
  270.           }
  271.           else
  272.           {
  273.           arTemp[arTemp.length]=tlForm[i].name.bold().fontcolor('red')
  274.            +': invalid url address ('+tlForm[i].value.fontcolor('red')+'). '+
  275.            '<br/>correct url sample: http://www.google.com/';
  276.           }
  277.          }
  278.         } // end if 2
  279.         
  280.         if(re.test(Tl.Check.Username))
  281.         {
  282.          if(/[^a-z0-9/_/-/.]/i.test(this[i].value))
  283.          {
  284.           bBln=false;
  285.           var ReGetMsg = 
  286.            new RegExp("^.*?(//b"+this[i].name+")//b"+Tl.Delimiter.Message+"(.*?)(/,|$).*", "i");
  287.           
  288.           if(ReGetMsg.test(Tl.Check.Username))
  289.           {
  290.            var Msg = Tl.Check.Username.replace(ReGetMsg, "$2");
  291.            arTemp[arTemp.length] = Msg.fontcolor("red");
  292.           }
  293.           else
  294.           {
  295.            arTemp[arTemp.length]=this[i].name.bold().fontcolor('red')+
  296.             ': character must be in '+('[a-z A-Z 0-9 - _ .]').fontcolor('blue');
  297.           }
  298.          } // end if 2 1
  299.         } // end if 2
  300.         
  301.         if(re.test(Tl.Check.Number))
  302.         {
  303.          if(/[^0-9]/i.test(this[i].value))
  304.          {
  305.           bBln=false;
  306.           if(ReGetMsg.test(Tl.Check.Number))
  307.           {
  308.            var Msg = Tl.Check.Number.replace(ReGetMsg, "$2");
  309.            arTemp[arTemp.length] = Msg.fontcolor("red");
  310.           }
  311.           else
  312.           {
  313.            arTemp[arTemp.length]=this[i].name.bold().fontcolor('red')+
  314.             ': character must be digital '+('[0123456789]').fontcolor('blue');
  315.           }
  316.          } // end if 2 1
  317.         } // end if 2
  318.         
  319.         if(re.test(Tl.Check.Tag.Fields)&&Tl.Check.Tag.Fields!="")
  320.         {
  321.          var arTag = this[i].value.split(Tl.Check.Tag.Delimiter);
  322.          var iLen = arTag.length;
  323.          var iCount = 0;
  324.          while(iCount<iLen)
  325.          {
  326.           if(Tl.Check.Tag.Trim)
  327.           {
  328.            arTag[iCount] = fStrTrim(arTag[iCount]);
  329.           }
  330.           iCount++;
  331.          } // end while
  332.          
  333.          arTag = fClearArrayRepeats(arTag);
  334.          
  335.          this[i].value = arTag.join(Tl.Check.Tag.Delimiter);
  336.         } // end if 2
  337.         
  338.         if(re.test(Tl.Func.ClearHtml))
  339.         {
  340.          this[i].value=fClearHtml(this[i].value);
  341.         } // end if 2
  342.         
  343.         if(re.test(Tl.Func.ClearRepeats))
  344.         {
  345.          this[i].value=fClearArrayRepeats(this[i].value.split(','));
  346.         } // end if 2
  347.  
  348.        } // end if 1
  349.       } // end for 1
  350.       
  351.       if(Tl.Check.Identical!='')
  352.       {
  353.        var IdcSet = Tl.Check.Identical.split("'");
  354.        var IdcSetCount = 0;
  355.        var IdcSetLen = IdcSet.length;
  356.        
  357.        OutIdc:
  358.        while(IdcSetCount<IdcSetLen)
  359.        {
  360.         var MsgSet = IdcSet[IdcSetCount].split(Tl.Delimiter.Message);
  361.         if(MsgSet.length<1||MsgSet.length>2)
  362.         {
  363.          IdcSetCount++;
  364.          continue;
  365.         }
  366.         if(MsgSet.length==1) MsgSet[1] = "密码和输入密码不同!";
  367.         
  368.         var ItemSet = MsgSet[0].split(":");
  369.         
  370.         if(ItemSet.length<2)
  371.         {
  372.          IdcSetCount++;
  373.          continue;
  374.         }
  375.         
  376.         var ValueSet = [];
  377.         
  378.         var iLen = ItemSet.length;
  379.         var iCount = 0;
  380.         var iItemCount = 0;
  381.         while(iCount<iLen)
  382.         {
  383.          var TempObj = pForm[ItemSet[iCount]];
  384.          if(TempObj==null)
  385.          {
  386.           var TempMsg = "无法获得名为 /""+(ItemSet.join()).bold()+"/" 的一个或多个表单元素!";
  387.           bBln = false;
  388.           arTemp[arTemp.length] = TempMsg.fontcolor("red");
  389.           break OutIdc;
  390.          }
  391.          ValueSet[iItemCount++] = TempObj.value;
  392.          iCount++;
  393.         }
  394.         
  395.         var bIdentical = fComparisonArrayItem(ValueSet);
  396.         
  397.         if(!bIdentical)
  398.         {
  399.          bBln = false;
  400.          arTemp[arTemp.length] = MsgSet[1].fontcolor("red");
  401.         }
  402.         
  403.         IdcSetCount++;
  404.        }
  405.       } // end if
  406.       
  407.       if(bBln)
  408.       {
  409.        fRemoveSelf(pReportId);
  410.        
  411.        if(this.action=='')this.action=Tl.Form.Action;
  412.        if(Tl.Form.Method.Valid!='')
  413.        {
  414.         this.method=Tl.Form.Method.Valid;
  415.        }
  416.        
  417.        var bSubmite = true;
  418.        
  419.        try{bSubmite = oTemp_();}catch(e){}
  420.        
  421.        return bSubmite;
  422.       } 
  423.       else
  424.       {
  425.        fRemoveSelf(pReportId);
  426.        
  427.        var sResult = "<ol style='padding:0px 0px 0px 40px; text-align:left;'>";
  428.        sResult += "<label style='font-weight:bold;padding:5px 0px; display:block;'>"
  429.         +"提交数据时出错, 出错原因!</label>";
  430.        
  431.        var iarTemplen = arTemp.length;
  432.        var iarTempCount = 0;
  433.        
  434.        while(iarTempCount<iarTemplen)
  435.        {
  436.         sResult += "<li>"+arTemp[iarTempCount]+"</li>";
  437.         iarTempCount++
  438.        }
  439.        sResult+="</ol>";
  440.        
  441.        var oPrnt=this.parentNode;
  442.        var oTemp=document.createElement('div');
  443.         oTemp.style.width='99%';
  444.         oTemp.style.margin='10px 2px';
  445.         oTemp.id=pReportId;
  446.         oTemp.innerHTML=sResult;
返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞