欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)的通用表單驗證插件完整實例

 更新時間：2015年08月20日 16:28:48   作者：佚名  
這篇文章主要介紹了JS實現(xiàn)的通用表單驗證插件,可針對常見的日期、密碼、姓名等進(jìn)行驗證并給出提示信息,非常具有實用價值,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)的通用表單驗證插件。分享給大家供大家參考。具體如下：

這里演示一個通用的JS表單驗證插件代碼。使用方法：第一步：需設(shè)定表單項數(shù)據(jù)類型，第二步：實例表單驗證，驗證錯誤提示說明（程序有自帶相關(guān)錯誤提示，可自定義每項驗證錯誤提示時文本，只需添加msg）。

運行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-normal-table-check-plug-codes/

具體代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<style> 
body,td{font:12px Verdana;color:#333}
input,textarea,select,td,th{font:12px Verdana;color:#333;border:1px solid #999;background:#fff}
table{border-collapse:collapse;}
th{font:bold 12px Verdana; text-align:right;padding:5px;}
td{padding:3px;line-height:1.8;}
input{height:20;}
textarea{width:80%;height:50px;overfmin:auto;}
form{display:inline}
/*輸入框樣式*/
input[type=text],input[type=password],textarea{border:1px solid #ccc;padding:2px;border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;outline:medium none;line-height:25px;
-webkit-transition:all 0.15s ease-in 0s;
-moz-transition:all 0.15s ease-in 0s;
-o-transition:all 0.15s ease-in 0s;
font-family:"Microsoft YaHei",Verdana,Arial;
font-size:14px;
vertical-align:top;
}
input[type=text],input[type=password]{height:25px;}
input[type=text]:focus,input[type=password]:focus,textarea:focus{/*border-color:rgba(82,168,236,0.8);*/border-color:#52a8ec;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset,0 0 5px rgba(82,168,236,0.6);outline:0 none;}
</style>
</head>
<body>
<h2>使用方法</h2>
<p>第一步：需設(shè)定表單項數(shù)據(jù)類型</p>
<p style="padding:10px;border:2px dashed #ea0; background-color:#ffe;">&lt;input type=&quot;text&quot; name=&quot;name&quot; <strong style="color:#f00;">dataType=&quot;chinese[2,8]&quot;</strong> /&gt;</p>
<p>第二步：實例表單驗證</p>
<p style="padding:10px;border:2px dashed #ea0; background-color:#ffe;">&lt;script type=&quot;text/javascript&quot;&gt;<strong style="color:#f00;">new ValidatorForm(表單對象);</strong> &lt;/script&gt;</p>
<h3>dataType可選參數(shù)</h3>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <th colspan="3" style="text-align:left; background-color:#eee;">基礎(chǔ)驗證</th>
 </tr>
 <tr>
  <th>email</th>
  <td>Email地址</td>
  <td rowspan="11"><strong>均可配合中括號使用</strong>，例如<br />
  長度驗證：chinese[1,10]　為限制只能輸入1-10個全角字符，<strong>注：一個全角字符長度為2</strong><br />
  數(shù)字大小驗證：number[18,26]　為限制只能輸入18-26的數(shù)字<br />
  日期范圍驗證：date[1970-1-1,2012-12-12]　為限制1970-1-1至2012-12-12日期<br />
  <strong>上限及下限設(shè)定</strong><br />
  下限設(shè)定：chinese[1,]　至少輸入1個或以上有效字符<br />上限設(shè)定：chinese[,6]　最多輸入6個有效字符<br />number和date格式也類式</td>
 </tr>
 <tr>
  <th>tel</th>
  <td>電話：支持手機/固話，識別區(qū)號及全半角逗號分隔多項</td>
 </tr>
 <tr>
  <th>mobile</th>
  <td>手機號碼</td>
 </tr>
 <tr>
  <th>url</th>
  <td>網(wǎng)址</td>
 </tr>
 <tr>
  <th>number</th>
  <td>數(shù)字</td>
 </tr>
 <tr>
  <th>english</th>
  <td>英文字母</td>
 </tr>
 <tr>
  <th>chinese</th>
  <td>全角字符</td>
 </tr>
 <tr>
  <th>username</th>
  <td>帳號：字母開頭4-20位的字母數(shù)字加下劃線組合</td>
 </tr>
 <tr>
  <th>password</th>
  <td>密碼：4-20位字母數(shù)字或@!#$%^&amp;*.~組合</td>
 </tr>
 <tr>
  <th>date</th>
  <td>日期</td>
 </tr>
 <tr>
  <th>length</th>
  <td>長度：格式“l(fā)ength[最小長度,最大長度]”</td>
 </tr>
 <tr>
  <th colspan="3" style="text-align:left; background-color:#eee;">其它驗證</th>
 </tr>
 <tr>
  <th>Compare</th>
  <td colspan="2">值對比：格式“Compare[比較符比較對象,比較類型]”<br />
  比較符包括[&gt;,&gt;=,&lt;,&lt;=,!=,=]<br />
  比較對象為表單項name,當(dāng)表單有同名name值多項時取第一項<br />
  比較類型可選值[text,number,date]分別為[字符比較,數(shù)字比較,日期比較]，留空時對當(dāng)前項值自動識別后對比<br />
  例如Compare[=password]</td>
 </tr>
 <tr>
  <th>exec</th>
  <td colspan="2">自定義函數(shù)：格式“exec[函數(shù)名]” <br />
  傳入當(dāng)前輸入框?qū)ο?，返回json格式“{stat:結(jié)果[true/false],msg:提示文本,msgCss:樣式[className],inCss:輸入框樣式[className]}”，stat為驗證結(jié)果是否正確為必須返回項，其它項留空使用默認(rèn)設(shè)置[inCss暫時未使用]
  <br /></td>
 </tr>
</table>
<h3>驗證錯誤提示說明</h3>
<p>程序有自帶相關(guān)錯誤提示，可自定義每項驗證錯誤提示時文本，只需添加msg</p>
<p style="padding:10px;border:2px dashed #ea0; background-color:#ffe;">&lt;input type=&quot;text&quot; name=&quot;name&quot; dataType=&quot;chinese[2,8]&quot; <strong style="color:#f00;">msg=&quot;姓名必需填寫1-4個漢字&quot;</strong> /&gt;</p>
<form name="theForm" id="theForm" action="" method="get">
 <h2>表單驗證示例</h2>
 <table align="center" width="100%">
 <tr>
  <td>真實姓名：</td><td><input type="text" name="Name" dataType="chinese[1,]" /><span msgbox="1">請輸入真實姓名</span>
  <span id="vfMsgBox_Name"></span>
  </td>
 </tr>
 <tr>
  <td>英文名：</td><td><input type="text" name="Nick" dataType="english[1,10]" /></td>
 </tr>
 <tr>
  <td>主頁：</td><td><input type="text" name="Homepage" dataType="url" /></td>
 </tr>
 <tr>
  <td>密碼：</td><td><input name="password" type="text" dataType="password" /></td>
 </tr>
 <tr>
  <td>重復(fù)：</td><td><input name="password2" type="text" dataType="Compare[=password'密碼]" /></td>
 </tr>
 <tr>
  <td>信箱：</td><td><input type="text" name="email" dataType="email[1,]" /></td>
 </tr>
 <tr>
  <td>信箱：</td><td><input type="text" name="email2" dataType="email Compare[=email'信箱]" /></td>
 </tr>
 <tr>
  <td>郵編：</td><td><input type="text" name="QQ" dataType="number[100000,999999]" /></td>
 </tr>
 <tr>
  <td>日期：</td><td><input type="text" name="date" dataType="date" />
  <input type="text" name="date2" dataType="Compare[>date'起始日期,date]" />
  </td>
 </tr>
 <tr>
  <td>年齡：</td><td><input type="text" name="Year" dataType="number[18,28]" /></td>
 </tr>
 <tr>
  <td>年齡1：</td><td><input type="text" name="Year1" dataType="number[,18]" /></td>
 </tr>
 <tr>
  <td>電話：</td><td><input type="text" name="Phone" dataType="tel" /></td>
 </tr>
 <tr>
  <td>手機：</td><td><input type="text" name="mobile" dataType="mobile" /></td>
 </tr>
 <tr>
  <td>生日：</td><td><input type="text" name="Birthday" dataType="date[1980-1-1,2012-5-20]" /></td>
 </tr>
 <tr>
  <td>自我介紹：</td><td><textarea name="Description" style="width:99%;" dataType="length[0,150] exec[testFunction]">中文是一個字</textarea>
  <span>自定義驗證程序,長度大于50觸發(fā)自定義錯誤及樣式，長度大于150系統(tǒng)自帶錯誤</span>
  </td>
 </tr>
 <tr>
  <td colspan="2"><input name="Submit" type="submit" value="確定提交"></td>
 </tr>
 </table>
</form>
<style type="text/css"> 
/*輸入項樣式*/
input.vf_inCorrect,textarea.vf_inCorrect{box-shadow:0 1px 2px rgba(3,139,0,0.2) inset;border-color:#90b983;color:#2d7c14;}
input.vf_inError,textarea.vf_inError{box-shadow:0 1px 2px rgba(139,23,0,0.2) inset,0 0 5px rgba(139,23,0,0.6);border-color:#d46060;color:#b40000;}
.vf_Normal,.vf_Correct,.vf_Error,.vf_Focus{vertical-align:middle;display:inline-block;padding:3px;font-size:12px;margin-left:5px; background:#eee;}
.vf_Normal{color:#777;}
.vf_Focus{color:#000;}/*提示*/
.vf_Correct{color:#20800d;display:none;}/*驗證通過*/
.vf_Error{color:#f00;}/*錯誤*/
/*自定義樣式*/
input.inTestClass,textarea.inTestClass{box-shadow:0 0 2px rgba(0,0,0,0.3) inset,0 0 5px rgba(139,23,0,0.6);border-color:#00f;color:#eee;background-color:#333;}
.TestClass_OK{color:#fff;background-color:#080;}
.TestClass_Err{color:#fff;background-color:#c00;}
</style>
<script type="text/javascript"> 
//添加事件
function addEvent(o,e,f){
 if(window.attachEvent){o.attachEvent("on"+e,f)}else if(window.addEventListener){o.addEventListener(e,f,false);}else{o["on"+e]=f;}
}
//取消事件
function removeEvent(o,e,f){
 if(window.detachEvent){o.detachEvent("on"+e,f);}else if(window.removeEventListener){o.removeEventListener(e,f,false);}else{o["on"+e]=null;}
}
// class是否存在
function hasClass(obj,sClass){var reg = new RegExp("(^|\\s)" + sClass + "(\\s|$)");return reg.test(obj.className)}
//阻止瀏覽器的默認(rèn)行為
function stopDefault(e){if(e&&e.preventDefault){e.preventDefault();}else{window.event.returnValue=false;}return false;}
//阻斷事件冒泡
function stopBubble(e){if(e&&e.stopPropagation){e.stopPropagation();}else{window.event.cancelBubble=true;}}
function GetID(s){return document.getElementById(s);}
//創(chuàng)建元素
function creElm(o,pN,t){
 var tmp=document.createElement(t||'div'),p;
 for(p in o){tmp[p]=o[p];}
 return pN?pN.appendChild(tmp):document.body.appendChild(tmp);
}
//計算字符串長度[全角算2長度]
function strLength(str){return str.replace(/[^\x00-\xff]/g,"**").length;}
function SetCss(o,k,s){
 var c=o.className.split(' '),n=0,nCSS='';
 for(var i=0;i<c.length;i++)
 {
  if(c[i]!=k){nCSS+=(nCSS=='')?c[i]:' '+c[i];}
  else{n=1;}
 }
 if(s=='add'){nCSS+=(nCSS=='')?k:' '+k;}
 o.className=nCSS;
}
//自定義驗證函數(shù)
function testFunction(o){
 var val=o.value,len=Math.floor(strLength(val));
 return {stat:len<50,msg:'已輸入<strong>'+len+'</strong>個字符；',msgCss:(len<50?'TestClass_OK':'TestClass_Err'),inCss:null};
}
function ValidatorForm(f,Stat,Validator){
 var vf=this;
 //正則,最小值,最大值,提示消息
 this.Validator={
  email:[/^(\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*)?$/,0,0,'Email地址填寫錯誤'],
  tel:[/^((0?1[358]\d{9})[,，]?|((0(10|2[0-9]{1}|[3-9]{1}\d{2})[-_－—]?)?\d{7,8})[,，]?)*$/,0,0,'電話號碼填寫錯誤'],
  mobile:[/^(0?1[358]\d{9})*$/,0,12,'手機號碼填寫錯誤'],
  url:[/^(http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*)?$/,0,0,'網(wǎng)址填寫錯誤'],
  number:[/^\d*$/,0,0,'只能填寫數(shù)字格式'],
  english:[/^[A-Za-z]*$/,0,0,'只能輸入半角英文字母'],
  chinese:[/^[\u0391-\uFFE5]*$/,0,0,'只能輸入全角中文'],
  username:[/^[a-zA-Z]{1}\w*$/,4,20,'帳號需由字母開頭的4-20位字母、數(shù)字或下劃線組成'],
  password:[/^[\@A-Za-z0-9\!\#\$\%\^\&\*\.\~]*$/,4,20,'密碼長度4-20,請勿輸入特殊字符'],
  date:[/^((\d{4})[\-|\.|\/](\d{1,2})[\-|\.|\/](\d{1,2}))?$/,'','','請?zhí)顚懭?012-1-1格式日期！'],
  Compare:[/^[\s\S]*$/,0,0,''],
  length:[/^[\s\S]*$/,0,0,''],
  exec:[/^[a-zA-Z]{1}\w*$/,0,0,'']
 }
 //消息Box樣式及框入框樣式
 this.Stat={
  tag:'span',     //提示文本標(biāo)簽
  msgNormal:'vf_Normal',  //正常樣式
  msgCorrect:'vf_Correct', //正確
  msgError:'vf_Error',  //錯誤
  msgFocus:'vf_Focus',  //焦點
  inCorrect:'vf_inCorrect', //文本框正確
  inError:'vf_inError',  //錯誤
  inFocus:'vf_inFocus'  //焦點
 }
 if(Validator){for(var i in this.Validator){this.Validator[i]=Validator[i]!==undefined?Validator[i]:this.Validator[i];}}
 if(Stat){for(var i in this.Stat){this.Stat[i]=Stat[i]!==undefined?Stat[i]:this.Stat[i];}}
 this.Form=f;
 var fn=f.elements.length,i,j,_dataType;
 for(i=0;i<fn;i++){
  _dataType=f.elements[i].getAttribute('dataType');
  _dataType=_dataType?_dataType.split(' '):[];
  for(j=0;j<_dataType.length;j++)
  {
   if(this.Validator[_dataType[j].split('[')[0]]){
    f.elements[i].onblur=(function(o){return function(){vf.CheckData(o);}})(f.elements[i]);
    if(f.elements[i].tagName.toUpperCase()=='TEXTAREA'){
     f.elements[i].onkeyup=(function(o){
      return function(){
       var MsgTag=vf.GetMsgBox(o);
       MsgTag.innerHTML='已輸入<strong>'+Math.floor(strLength(o.value))+'</strong>個字符；';
      }
     })(f.elements[i]);
    }
   }
  }
 }
 //提交表單
 this.submit=function(e){
  var fn=vf.Form.elements.length,i,j,_Err=0,_Focus,_Msg='',t,_dataType;
  for(i=0;i<fn;i++){
   _dataType=f.elements[i].getAttribute('dataType');
   _dataType=_dataType?_dataType.split(' '):[];
   for(j=0;j<_dataType.length;j++)
   {
    if(vf.Validator[_dataType[j].split('[')[0]]){
     t=vf.CheckData(f.elements[i]);
     if(t&&t[0]==false){
      _Err++;
      if(!_Focus){_Focus=f.elements[i];}
      _Msg+='\n'+f.elements[i].name+' '+t[1];
      break;
     }
    }
   }
  }
  if(_Err>0){
   e&&stopDefault(e);
   //_Msg //提示文本不完善，未使用，直接提示錯誤數(shù)量
   alert('共有'+_Err+'項填寫錯誤！');
   _Focus.focus();
  }
 }
 addEvent(f,'submit',vf.submit);
}
ValidatorForm.prototype={
 //驗證內(nèi)容是否正確
 CheckData:function(o){
  var _dataType=o.getAttribute('dataType'),i,s=true,_Msg='',_msgCss,_inCss,_mdt,min,max,_dt;
  _dataType=_dataType?_dataType.split(' '):[];
  for(i=0;s&&i<_dataType.length;i++){
   if(this.Validator[_dataType[i].split('[')[0]]){
    _dt=_dataType[i].split('[')[0];
    //自定義驗證函數(shù)
    if(_dt=='exec'){
     _mdt=_dataType[i].match(/^exec\[([a-zA-Z]{1}\w*)\]$/);
//     alert(typeof(eval(_mdt[1])))
     if(_mdt==null){return false;}
     try 
     { 
      if(typeof(eval(_mdt[1]))=="function") 
      {
       /*
       自定義函數(shù)返回json
       stat:結(jié)果[true/false],msg:提示文本,msgCss:樣式[className],inCss:輸入框樣式[className]
       */
       var _exec=eval(_mdt[1])(o);
       s=s&&_exec.stat;
       var MsgTag=this.GetMsgBox(o);
       _Msg=_exec.msg||'';
       if(_exec.msgCss){_msgCss=_exec.msgCss;}
//       if(_mdt.inCss){_inCss=_mdt.inCss;}
      }
     }
     catch(e)
     {
      alert('not function');
      return false;
     } 
    }
    //值對比
    else if(_dt=='Compare'){
     _mdt=_dataType[i].match(/^Compare\[(=|!=|>|>=|<|<=)([^,]+),?(number|text|date)?\]$/);
     if(_mdt==null){return false;}
 //    alert(_mdt);
     _mdt[2]=(_mdt[2]+'\'').split('\'');
     if(_mdt[2][1]==''){_mdt[2][1]=_mdt[2][0];}
     if(!this.Form[_mdt[2][0]]||this.Form[_mdt[2][0]].value==''){return false;}
     var v2=this.Form[_mdt[2][0]].length>1?this.Form[_mdt[2][0]][0].value:this.Form[_mdt[2][0]].value;
     s=s&&this.Check_Compare(o.value,_mdt[1],v2,_mdt[3]);
     //生成提示文本
     var cc;
     switch (_mdt[1]){
     case ">": cc='大于';break;
     case ">=": cc='大于或等于';break;
     case "<": cc='小于';break;
     case "<=": cc='小于或等于';break;
     case "!=": cc='不一至';break;
     default: cc='一至';
     }
     if(!s){_Msg=(_mdt[1]=='='||_mdt[1]=='!=')?'必須和'+_mdt[2][1]+cc:'必須'+cc+_mdt[2][1];}
    }
    //日期格式驗證
    else if(_dt=='date'){
     _mdt=_dataType[i].match(/^date\[(\d{4}[\-|\.|\/]\d{1,2}[\-|\.|\/]\d{1,2})?,(\d{4}[\-|\.|\/]\d{1,2}[\-|\.|\/]\d{1,2})?\]$/);
     if(_mdt==null){s=s&&this.Validator[_dt][0].test(o.value);}
     else{
      min=_mdt?_mdt[1]:this.Validator[_dt][1];
      max=_mdt?_mdt[2]:this.Validator[_dt][2];
      s=s&&this.Validator[_dt][0].test(o.value)&&this.Check_Date(o.value,min,max);
     }
    }
    //其它類型驗證
    else{
     _mdt=_dataType[i].match(/^([^[]+)\[(\d*),(\d*)\]$/);
     min=_mdt?_mdt[2]:this.Validator[_dt][1];
     max=_mdt?_mdt[3]:this.Validator[_dt][2];
     s=s&&this.Validator[_dt][0].test(o.value);
     if(s){s=s&&this.Check_Num((_dt=='number'?o.value-0:strLength(o.value)),min,max);}
     else{_Msg=this.Validator[_dt][3];}
    }
    //生成提示文本
    if(_Msg==''&&!s)
    {
     if(min||max){
      if(_dt=='number'){
       _Msg=min&&max?'只能輸入'+min+'-'+max+'范圍數(shù)字':min?'只能輸入大于'+min+'數(shù)字':'只能輸入小于'+max+'數(shù)字';
      }
      else if(_dt=='date'){
       _Msg=min&&max?'只能輸入'+min+'至'+max+'范圍日期':min?'只能輸入大于'+min+'日期':'只能輸入小于'+max+'日期';
      }
      else{
       _Msg=min&&max?'需輸入'+min+'-'+max+'個有效字符':min?'至少需輸入'+min+'個有效字符':'最多只能輸入'+max+'個有效字符';
      }
     }else{_Msg=this.Validator[_dt][3];}
    }
   }
  }
  if(s){this.AddCorrect(o,{msg:_Msg,msgCss:_msgCss,inCss:_inCss});}else{this.AddError(o,{msg:_Msg,msgCss:_msgCss,inCss:_inCss});}
  return [s,_Msg];
 },
 //驗證正確
 AddCorrect:function(o,s){
  var MsgTag=this.GetMsgBox(o);
  MsgTag.innerHTML=s.msg||'';
  this.vfSetCss(MsgTag,s.msgCss||this.Stat.msgCorrect,1);
  this.vfSetCss(o,s.inCss||this.Stat.inCorrect,0);
 },
 //驗證錯誤
 AddError:function(o,s){
  var MsgTag=this.GetMsgBox(o);
  MsgTag.innerHTML=o.getAttribute('msg')||s.msg;
  this.vfSetCss(MsgTag,s.msgCss||this.Stat.msgError,1);
  this.vfSetCss(o,s.inCss||this.Stat.inError,0);
 },
 //獲取/創(chuàng)建提示Box
 GetMsgBox:function(o){
  var MsgTag=GetID('vfMsgBox_'+o.name);
  if(!MsgTag){
   MsgTag=o.nextSibling;
   while(MsgTag&&MsgTag.nodeType!=1){MsgTag=MsgTag.nextSibling;}
   if(!MsgTag||MsgTag.tagName.toUpperCase()!=this.Stat.tag.toUpperCase()||!MsgTag.getAttribute('msgbox')){
    MsgTag=creElm({},o.parentNode,this.Stat.tag);
    MsgTag.setAttribute('msgbox','1');
    if(o.nextSibling.nextSibling){o.parentNode.insertBefore(MsgTag,o.nextSibling);}
   }
  }
  return MsgTag;
 },
 //驗證值范圍
 Check_Num:function(v,min,max){
  v=v||0;
  if(min&&max){return v>=min-0&&v<=max-0;}
  else if(min){return v>=min-0;}
  else if(max){return v<=max-0;}
  return true;
 },
 //值對比
 //值,邏輯運算,對比值,對比類型[number-數(shù)字,date-日期,text-文本]
 Check_Compare:function(v,operator,v2,DataType){
  //為空時自動判斷格式
  if(!DataType){
   if(this.Validator.number[0].test(v)){DataType='number';}
   else if(this.Validator.date[0].test(v)){DataType='date';}
   else{DataType='text'}
  }
  //數(shù)據(jù)格式轉(zhuǎn)換
  if(DataType=='number'){v-=0;v2-=0;}
  else if(DataType=='date'){
   var _mdt=v.match(this.Validator.date[0]);
   if(_mdt==null){return false;}
   v=new Date(_mdt[2],_mdt[3]-1,_mdt[4])-new Date;
   _mdt=v2.match(this.Validator.date[0]);
   if(_mdt==null){return false;}
   v2=new Date(_mdt[2],_mdt[3]-1,_mdt[4])-new Date;
  }
  switch (operator){
  case ">": return v>v2;break;
  case ">=": return v>=v2;break;
  case "<": return v<v2;break;
  case "<=": return v<=v2;break;
  case "!=": return v!=v2;break;
  default: return v==v2;
  }
 },
 //日期驗證范圍
 Check_Date:function(v,min,max){
  var _mdt=v.match(this.Validator.date[0]);
  if(_mdt==null){return false;}
  v=new Date(_mdt[2],_mdt[3]-1,_mdt[4])-new Date;
  _mdt=min.match(this.Validator.date[0]);
  min=_mdt==null?null:new Date(_mdt[2],_mdt[3]-1,_mdt[4])-new Date;
  _mdt=max.match(this.Validator.date[0]);
  max=_mdt==null?null:max=new Date(_mdt[2],_mdt[3]-1,_mdt[4])-new Date;
  return this.Check_Num(v,min,max);
 },
 //設(shè)置樣式
 vfSetCss:function(o,css,s){
  if(!s){
   SetCss(o,this.Stat.inCorrect,'del');
   SetCss(o,this.Stat.inError,'del');
   SetCss(o,this.Stat.inFocus,'del');
  }
  if(s){o.className=css;}else{SetCss(o,css,'add');}
 }
}
new ValidatorForm(GetID('theForm'));
</script>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

  • JS如何根據(jù)當(dāng)前日期獲取一周所有日期

    JS如何根據(jù)當(dāng)前日期獲取一周所有日期

    這篇文章主要介紹了JS如何根據(jù)當(dāng)前日期獲取一周所有日期,文中通過實例代碼補充介紹了js獲取當(dāng)前一周的時間,代碼簡單易懂,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-09-09
  • 問題解析有JSDoc還需要TypeScript嗎

    問題解析有JSDoc還需要TypeScript嗎

    這篇文章主要介紹了有JSDoc還需要TypeScript的問題示例解析,有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-06-06
  • JavaScript中Object值合并方法詳解

    JavaScript中Object值合并方法詳解

    這篇文章主要為大家詳細(xì)介紹了JavaScript中Object值合并方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-12-12
  • js左右彈性滾動對聯(lián)廣告代碼分享

    js左右彈性滾動對聯(lián)廣告代碼分享

    這個對聯(lián)廣告與其它的有所區(qū)別，這個是頁面加載時先沒看到廣告，然后從左邊快速飛進(jìn)來的兩個對聯(lián)廣告哦，下面我們一起來看看對聯(lián)廣告效果代碼
    2014-02-02
  • 小程序?qū)崿F(xiàn)計時器功能

    小程序?qū)崿F(xiàn)計時器功能

    這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)計時器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • Bootstrap樹形組件jqTree的簡單封裝

    Bootstrap樹形組件jqTree的簡單封裝

    這篇文章主要介紹了Bootstrap樹形組件jqTree的簡單封裝，封裝一個稍微完整點的樹形組件，感興趣的小伙伴們可以參考一下
    2016-01-01
  • JavaScript實現(xiàn)簡易登錄注冊頁面

    JavaScript實現(xiàn)簡易登錄注冊頁面

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡易登錄注冊頁面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下<BR>
    2022-01-01
  • 跟我學(xué)習(xí)javascript的for循環(huán)和for...in循環(huán)

    跟我學(xué)習(xí)javascript的for循環(huán)和for...in循環(huán)

    跟我學(xué)習(xí)javascript的for循環(huán)和for...in循環(huán)，它們是JavaScript中提供了兩種方式迭代對象，本文就和大家一起學(xué)習(xí)for循環(huán)和for...in循環(huán)，感興趣的小伙伴們可以參考一下
    2015-11-11
  • Webpack的dll功能使用

    Webpack的dll功能使用

    這篇文章主要介紹了Webpack的dll功能使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-06-06
  • 在線所見即所得HTML編輯器的實現(xiàn)原理淺析

    在線所見即所得HTML編輯器的實現(xiàn)原理淺析

    這篇文章主要介紹了在線所見即所得HTML編輯器的實現(xiàn)原理淺析,本文用初始化、打開編輯功能、獲取編輯器的內(nèi)容、增加樣式設(shè)置、再進(jìn)一步等步驟闡述在線編輯器的基本實現(xiàn)原理,需要的朋友可以參考下
    2015-04-04

最新評論