JS驗證腳本

from: http://www.7say.com/article.asp?id=159

有關正則表達式
1.只能輸入數字和英文的:

<input οnkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text1" NAME="Text1">

2.只能輸入數字的:
<input οnkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text2" NAME="Text2">

3.只能輸入全角的:
<input οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))" ID="Text3" NAME="Text3">

4.只能輸入漢字的:
<input οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))" ID="Text4" NAME="Text4">

驗證非法字符,sql
function   vdf()  
{
      var   i,j,name,value,message,length,type,a=vdf.arguments,cb_name;
      for   (i=0;   i<(a.length-2);   i+=3)  
      {
              if   (a[i].indexOf('#')!=-1)
              {
                      name=fob(a[i].substr(0,a[i].indexOf('#')));
                      cb_name=fob(a[i].substr((a[i].indexOf('#')+1),a[i].length));
              }
              else
              {
                    name=fob(a[i]);   //   控件名稱
              }
              message=a[i+1];   //   提示信息
              type=a[i+2];   //   類型
              if   (type!="r_time")
              {
                    value=name.value.replace(/   +/g,   "");   //   控件值
              }
              else
              {
                    value=name.value;
              }
}

//   ===============判斷複選框是否選中================   //
                    if   (type=="r_cb")
                    {            
                          e=document.forms(0).elements;
                          var   flag=false;
                          for   (i=0;i<e.length;i++)
                          {  
                                if   (e[i]!=cb_name)
                                {
                                      if   (e[i].checked==true)
                                      {
                                              flag=true;
                                              break;
                                      }
                                }
                                if   (i==e.length-1)
                                {
                                        break;
                                }
                          }
                          if   (flag==false)
                          {
                                alert(message+"!/n");   //爲空時出現的提示
                                return   false;
                          }
                    }
                   
                    //   ===============判斷下拉框是否選擇================   //
                    if   (type=="r_sl")
                    {
                        if   (name.selected==false)
                        {
                                  alert(message+"!/n");   //爲空時出現的提示
                                  return   false;
                        }
                    }
                   
                    //   ===============不能爲空的判斷================   //
                    if   (type=="r")  
                    {
                          if   (value=="")   //   判斷是否爲空
                          {
                                  alert(message+"!/n");   //爲空時出現的提示
                                  name.focus();
                                  name.select();
                                  return   false;
                          }
                    }
                   
                    //   ===============不能爲空的判斷,但不獲得焦點================   //
                    if   (type=="o_r")  
                    {
                          if   (value=="")   //   判斷是否爲空
                          {
                                  alert(message+"!/n");   //爲空時出現的提示
                                  return   false;
                          }
                    }
                  //   ===============只能輸入中文================   //
                  if   (type=="r_china")
                  {
                          if   (value.search(/^[/u4e00-/u9fa5]+$/)==-1)  
                          {
                                    alert(message+"!/n");   //   判斷不能爲空
                                    name.focus();
                                    name.select();
                                    return   false;
                          }
                  }
                 
                  //   ===============不能爲空,必須是數字或者字符判斷================   //
                  if   (type=="r_num_char")
                  {
                          if   (value=="")
                          {
                                    alert(message+"!/n");   //爲空時出現的提示
                                  name.focus();
                                  name.select();
                                  return   false;
                          }
                          if   (value.search(/^[0-9a-zA-Z]+$/)==-1)  
                          {
                                    alert(message+"!/n");   //爲空時出現的提示
                                  name.focus();
                                  name.select();
                                  return   false;
                          }
                    }
                   
                    //   ===============可以爲空,不爲空時,填數字================   //
                  if   (type=="num")
                  {
                          if   (value.search(/^[0-9]+$/)==-1   &&   value!="")  
                          {
                                    alert(message+"!/n");   //   判斷不能爲空
                                    name.focus();
                                    name.select();
                                    return   false;
                          }
                  }
                 
                  //   ===============不能爲空,必須是數字判斷================   //
                  if   (type=="r_num")
                  {
                          if   (value=="")
                          {
                                    alert(message+"!/n");
                                    name.focus();
                                  name.select();
                                    return   false;
                          }
                          if   (value.search(/^[0-9]+$/)==-1)  
                          {
                                    alert(message+"!/n");   //   判斷不能爲空
                                    name.focus();
                                  name.select();
                                    return   false;
                          }
                    }
                   
                    //   ===============必須輸入小於n的數字================   //
                    if   (type.indexOf("r_num<")!=-1)
                    {
                            length=type.substring((type.indexOf('<')+1),type.length);   //   獲得rn<後面的數  
     
                            if   (value=="")   //   爲空做的提示
                            {
                                    alert(message+"!/n");
                                    name.focus();
                                    name.select();
                                    return   false;
                            }
                            if   (value.search(/^[0-9]+$/)==-1)     //   不是數字做的提示
                            {
                                    alert(message+"!/n");
                                    name.focus();
                                    name.select();
                                    return   false;
                            }
                            if   (value.length>length)     //   限制數字長度做的限制
                            {
                                  alert(message+"!/n");
                                  name.focus();
                                  name.select();
                                  return   false;
                            }
                    }
                   
                    //   ===============必須輸入大於n的數字================   //
                    if   (type.indexOf("r_num>")!=-1)
                    {
                  length=type.substring((type.indexOf('>')+1),type.length);   //   獲得rn<後面的數
                          if   (value=="")   //   爲空做的提示
                          {
                                alert(message+"!/n");
                                name.focus();
                                name.select();
                                return   false;
                          }
                          if   (value.search(/^[0-9]+$/)==-1)     //   不是數字做的提示
                          {
                                alert(message+"!/n");
                                name.focus();
                                name.select();
                                return   false;
                          }
                          if   (value.length<length)     //   限制數字長度做的限制
                          {
                                alert(message+"!/n");
                                name.focus();
                                name.select();
                                return   false;
                          }
                    }
                   
                    //   ===============必須輸入a-b位之間的數字================   //    
            if   (type.indexOf("r_num#<>")!=-1)
            {
                            length=type.substr((type.indexOf('>')+1),type.length);
                            length=length.substr(0,length.lastIndexOf("-"));
                    length1=type.substring((type.indexOf('-')+1),type.length)   //   獲得rn<後面的數
                            if   (value=="")   //   爲空做的提示
                    {
                  alert(message+"!/n");
                  name.focus();
  name.select();
  return   false;
    }
    if   (value.search(/^[0-9]+$/)==-1)   //   不是數字做的提示
    {
  alert(message+"!/n");
  name.focus();
  name.select();
  return   false;
    }
    if   (value.length<length   ||   value.length>length1)     //   限制數字長度做的限制
    {
  alert(message+"!/n");
  name.focus();
  name.select();
  return   false;
    }
    }
    //   ===============不能爲空,必須是float類型================   //
                  if   (type=="r_float")
                  {
                          if   (value=="")
                          {
                                    alert(message+"!/n");
                                    name.focus();
                                    name.select();
                                    return   false;
                          }
                          if   (value.search(/^[0-9]+$/)!=-1   ||   value.search(/^([0-9]+)|([0-9]+/.[0-9]*)|([0-9]*/.[0-9]+)$/)!=-1)  
                          {
                                return   true;
                          }
                          else
                          {
                                alert(message+"!/n");   //   判斷不能爲空
                                    name.focus();
                                    name.select();
                                    return   false;
                          }
                    }
   
    //   ===============判斷email,不一定輸入================   //
            if   (type.indexOf("email")!=-1)
            {
                  if   (name.value!="")
                  {
                          if   (value.search(/^[_/.a-z0-9]+@[a-z0-9]+[/.][a-z0-9]{2,}$/i)==-1)
                  {
                          alert(message+"!/n");
                            name.focus();
                          name.select();
                          return   false;
                  }
                    }
              }
//   ===============判斷email,一定輸入================   //
if   (type.indexOf("r_email")!=-1)
{
if   (name.value=="")
{
alert(message+"!/n");
name.focus();
name.select();
return   false;
}
if   (value.search(/^[_/.a-z0-9]+@[a-z0-9]+[/.][a-z0-9]{2,}$/i)==-1)
{
alert(message+"!/n");
                  name.focus();
name.select();
return   false;
}
}
   
      //   ===============判斷日期,比如2000-12-20================   //
                    if   (type=="r_date")
                    {
                            flag=true;  
                            getdate=value;                  
                            if   (getdate.search(/^[0-9]{4}-(0[1-9]|[1-9]|1[0-2])-((0[1-9]|[1-9])|1[0-9]|2[0-9]|3[0-1])$/)==-1)   //   判斷輸入格式時候正確
                            {
                                      flag=false;
                              }
                              else
                              {
                                        var   year=getdate.substr(0,getdate.indexOf('-'))     //   獲得年
                                        //   下面操作獲得月份
var   transition_month=getdate.substr(0,getdate.lastIndexOf('-'));  
var   month=transition_month.substr(transition_month.lastIndexOf('-')+1,transition_month.length);
if   (month.indexOf('0')==0)
{
month=month.substr(1,month.length);
}
//   下面操作獲得日期
var   day=getdate.substr(getdate.lastIndexOf('-')+1,getdate.length);
if   (day.indexOf('0')==0)
{
day=day.substr(1,day.length);
}
//alert(month);
//alert(day)
//return   false;
                                        if   ((month==4   ||   month==6   ||   month==9   ||   month==11)   &&   (day>30))   //   4,6,9,11月份日期不能超過30
                                        {
                                        flag=false;  
                                          }
if   (month==2)     //   判斷2月份
{
if   (LeapYear(year))
{
if   (day>29   ||   day<1){   flag=false;   }
}
else
{
if   (day>28   ||   day<1){flag=false;   }
}
}
else
{
flag=true;
}
      }
                    if   (flag==false)
                    {
                            alert(message+"!/n");   //爲空時出現的提示
                            name.focus();
                            name.select();
                            return   false;
                    }
                }

from:http://www.klstudio.com/post/33.html
功能說明:
表單的驗證一直是網頁設計者頭痛的問題,表單驗證類 Validator就是爲解決這個問題而寫的,旨在使設計者從紛繁複雜的表單驗證中解放出來,把精力集中於網頁的設計和功能上的改進上。 
Validator是基於JavaScript技術的僞靜態類和對象的自定義屬性,可以對網頁中的表單項輸入進行相應的驗證,允許同一頁面中同時驗證多個表單,熟悉接口之後也可以對特定的表單項甚至僅僅是某個字符串進行驗證。因爲是僞靜態類,所以在調用時不需要實例化,直接以"類名+.語法+屬性或方法名"來調用。此外,Validator還提供3種不同的錯誤提示模式,以滿足不同的需要。 
Validator目前可實現的驗證類型有: 
1.是否爲空;
2.中文字符;
3.雙字節字符
4.英文;
5.數字;
6.整數;
7.實數;
8.Email地址;
9.使用HTTP協議的網址;
10.電話號碼;
11.貨幣;
12.手機號碼;
13.郵政編碼;
14.身份證號碼;
15.QQ號碼;
16.日期;
17.符合安全規則的密碼;
18.某項的重複值;
19.兩數的關係比較;
20.判斷輸入值是否在(n, m)區間;
21.輸入字符長度限制(可按字節比較);
22.對於具有相同名稱的單選按鈕的選中判斷;
23.限制具有相同名稱的多選按鈕的選中數目;
24.自定義的正則表達式驗證; 
運行環境(客戶端): 
在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0測試通過;
在Lunix RedHat 9下的Netscape測試通過; 

相關代碼:

<script>
 /*************************************************
 Validator v1.0
 cody by 我佛山人
 [email protected]
 http://www.cunite.com
*************************************************/
 Validator = {
 Require : /.+/,
 Email : /^/w+([-+.]/w+)*@/w+([-.]//w+)*/./w+([-.]/w+)*$/,
 Phone : /^((/(/d{3}/))|(/d{3}/-))?(/(0/d{2,3}/)|0/d{2,3}-)?[1-9]/d{6,7}$/,
 Mobile : /^((/(/d{3}/))|(/d{3}/-))?13/d{9}$/,
 Url : /^http:////[A-Za-z0-9]+/.[A-Za-z0-9]+[//=/?%/-&_~`@[/]/’:+!]*([^<>/"/"])*$/,
 IdCard : /^/d{15}(/d{2}[A-Za-z0-9])?$/,
 Currency : /^/d+(/./d+)?$/,
 Number : /^/d+$/,
 Zip : /^[1-9]/d{5}$/,
 QQ : /^[1-9]/d{4,8}$/,
 Integer : /^[-/+]?/d+$/,
 Double : /^[-/+]?/d+(/./d+)?$/,
 English : /^[A-Za-z]+$/,
 Chinese :  /^[/u0391-/uFFE5]+$/,
 UnSafe : /^(([A-Z]*|[a-z]*|/d*|[-_/~!@#/$%/^&/*/./(/)/[/]/{/}<>/?/////’/"]*)|.{0,5})$|/s/,
 IsSafe : function(str){return !this.UnSafe.test(str);},
 SafeString : "this.IsSafe(value)",
 Limit : "this.limit(value.length,getAttribute(’min’),  getAttribute(’max’))",
 LimitB : "this.limit(this.LenB(value), getAttribute(’min’), getAttribute(’max’))",
 Date : "this.IsDate(value, getAttribute(’min’), getAttribute(’format’))",
 Repeat : "value == document.getElementsByName(getAttribute(’to’))[0].value",
 Range : "getAttribute(’min’) < value && value < getAttribute(’max’)",
 Compare : "this.compare(value,getAttribute(’operator’),getAttribute(’to’))",
 Custom : "this.Exec(value, getAttribute(’regexp’))",
 Group : "this.MustChecked(getAttribute(’name’), getAttribute(’min’), getAttribute(’max’))",
 ErrorItem : [document.forms[0]],
 ErrorMessage : ["以下原因導致提交失敗:/t/t/t/t"],
 Validate : function(theForm, mode){
  var obj = theForm || event.srcElement;
  var count = obj.elements.length;
  this.ErrorMessage.length = 1;
  this.ErrorItem.length = 1;
  this.ErrorItem[0] = obj;
  for(var i=0;i<count;i++){
   with(obj.elements[i]){
    var _dataType = getAttribute("dataType");
    if(typeof(_dataType) == "object" || typeof(this[_dataType]) == "undefined")  continue;
    this.ClearState(obj.elements[i]);
    if(getAttribute("require") == "false" && value == "") continue;
    switch(_dataType){
     case "Date" :
     case "Repeat" :
     case "Range" :
     case "Compare" :
     case "Custom" :
     case "Group" : 
     case "Limit" :
     case "LimitB" :
     case "SafeString" :
      if(!eval(this[_dataType])) {
       this.AddError(i, getAttribute("msg"));
      }
      break;
     default :
      if(!this[_dataType].test(value)){
       this.AddError(i, getAttribute("msg"));
      }
      break;
    }
   }
  }
  if(this.ErrorMessage.length > 1){
   mode = mode || 1;
   var errCount = this.ErrorItem.length;
   switch(mode){
   case 2 :
    for(var i=1;i<errCount;i++)
     this.ErrorItem[i].style.color = "red";
   case 1 :
    alert(this.ErrorMessage.join("/n"));
    this.ErrorItem[1].focus();
    break;
   case 3 :
    for(var i=1;i<errCount;i++){
    try{
     var span = document.createElement("SPAN");
     span.id = "__ErrorMessagePanel";
     span.style.color = "red";
     this.ErrorItem[i].parentNode.appendChild(span);
     span.innerHTML = this.ErrorMessage[i].replace(//d+:/,"*");
     }
     catch(e){alert(e.description);}
    }
    this.ErrorItem[1].focus();
    break;
   default :
    alert(this.ErrorMessage.join("/n"));
    break;
   }
   return false;
  }
  return true;
 },
 limit : function(len,min, max){
  min = min || 0;
  max = max || Number.MAX_VALUE;
  return min <= len && len <= max;
 },
 LenB : function(str){
  return str.replace(/[^/x00-/xff]/g,"**").length;
 },
 ClearState : function(elem){
  with(elem){
   if(style.color == "red")
    style.color = "";
   var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
   if(lastNode.id == "__ErrorMessagePanel")
    parentNode.removeChild(lastNode);
  }
 },
 AddError : function(index, str){
  this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
  this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ":" + str;
 },
 Exec : function(op, reg){
  return new RegExp(reg,"g").test(op);
 },
 compare : function(op1,operator,op2){
  switch (operator) {
   case "NotEqual":
    return (op1 != op2);
   case "GreaterThan":
    return (op1 > op2);
   case "GreaterThanEqual":
    return (op1 >= op2);
   case "LessThan":
    return (op1 < op2);
   case "LessThanEqual":
    return (op1 <= op2);
   default:
    return (op1 == op2);            
  }
 },
 MustChecked : function(name, min, max){
  var groups = document.getElementsByName(name);
  var hasChecked = 0;
  min = min || 1;
  max = max || groups.length;
  for(var i=groups.length-1;i>=0;i--)
   if(groups[i].checked) hasChecked++;
  return min <= hasChecked && hasChecked <= max;
 },
 IsDate : function(op, formatString){
  formatString = formatString || "ymd";
  var m, year, month, day;
  switch(formatString){
   case "ymd" :
    m = op.match(new RegExp("^//s*((//d{4})|(//d{2}))([-./])(//d{1,2})//4(//d{1,2})//s*$"));
    if(m == null ) return false;
    day = m[6];
    month = m[5]--;
    year =  (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10));
    break;
   case "dmy" :
    m = op.match(new RegExp("^//s*(//d{1,2})([-./])(//d{1,2})//2((//d{4})|(//d{2}))//s*$"));
    if(m == null ) return false;
    day = m[1];
    month = m[3]--;
    year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
    break;
   default :
    break;
  }
  var date = new Date(year, month, day);
        return (typeof(date) == "object" && year == date.getFullYear() && month == date.getMonth() && day == date.getDate());
  function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
 }
 }
 </script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章